From 606640fa6f47b1f1e98f5d74e62b054ea6cd61ab Mon Sep 17 00:00:00 2001
From: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Date: Wed, 10 Jul 2019 10:35:56 +0200
Subject: [PATCH] darkmode for mensaplan
---
panels/mensaPlan/style.css | 39 +++++++++++++++++++++++++++++++------
panels/mensaPlan/style.less | 33 +++++++++++++++++++++++++------
2 files changed, 60 insertions(+), 12 deletions(-)
diff --git a/panels/mensaPlan/style.css b/panels/mensaPlan/style.css
index cd95901..146e43d 100644
--- a/panels/mensaPlan/style.css
+++ b/panels/mensaPlan/style.css
@@ -1,8 +1,16 @@
/* Table */
+div[data-template=mensaPlan] {
+ color: #ffffff;
+}
div[data-template=mensaPlan] .ui-widget-header {
- background-color: #e8e8e8;
- background: #e8e8e8;
- color: #000000;
+ border: none;
+ background: #2a2a2a;
+ color: inherit;
+}
+div[data-template=mensaPlan] .ui-widget-content {
+ background: #222;
+ border: none;
+ color: white;
}
div[data-template=mensaPlan] #mensaPlanTitleBar {
text-align: center;
@@ -11,12 +19,31 @@ div[data-template=mensaPlan] .mensaPlanTable {
font-weight: bold;
}
div[data-template=mensaPlan] .mensaPlanTable td {
- border-bottom: solid 2px black;
+ border-bottom: solid 2px white;
}
div[data-template=mensaPlan] .mensaPlanTable tbody {
- background-color: #ffffff;
- color: #000000;
+ background-color: #000000 0;
+}
+div[data-template=mensaPlan] .ui-state-default,
+div[data-template=mensaPlan] .ui-widget-content .ui-state-default,
+div[data-template=mensaPlan] .ui-widget-header .ui-state-default,
+div[data-template=mensaPlan] .ui-state-active,
+div[data-template=mensaPlan] .ui-widget-content .ui-state-active,
+div[data-template=mensaPlan] .ui-widget-header .ui-state-active {
+ border: none;
+ background: transparent;
+ color: inherit;
}
div[data-template=mensaPlan] #tabs {
height: 100%;
}
+div[data-template=mensaPlan] .ui-state-default a,
+div[data-template=mensaPlan] .ui-state-default a:link,
+div[data-template=mensaPlan] .ui-state-default a:visited {
+ color: #9f9f9f;
+}
+div[data-template=mensaPlan] .ui-state-active a,
+div[data-template=mensaPlan] .ui-state-active a:link,
+div[data-template=mensaPlan] .ui-state-active a:visited {
+ color: inherit;
+}
diff --git a/panels/mensaPlan/style.less b/panels/mensaPlan/style.less
index 4bf871e..d5ff982 100644
--- a/panels/mensaPlan/style.less
+++ b/panels/mensaPlan/style.less
@@ -1,10 +1,18 @@
/* Table */
div[data-template=mensaPlan] {
+
+color: #ffffff;
+
.ui-widget-header {
- background-color: #e8e8e8;
- background: #e8e8e8;
- color: #000000;
+ border: none;
+ background: #2a2a2a;
+color: inherit;
+}
+.ui-widget-content {
+background: #222;
+border: none;
+color: white;
}
#mensaPlanTitleBar {
@@ -14,15 +22,28 @@ div[data-template=mensaPlan] {
.mensaPlanTable {
font-weight: bold;
td {
- border-bottom: solid 2px black;
+ border-bottom: solid 2px white;
}
tbody {
- background-color: #ffffff;
- color: #000000;
+ background-color: #0000000;
}
}
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+border: none;
+background: transparent;
+color: inherit;
+
+}
+
#tabs {
height: 100%;
}
+
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
+color: #9f9f9f;
+}
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
+color: inherit;
+}
}
--
GitLab