darkmode for mensaplan

panels/mensaPlan/style.css

 /* 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;
+}

panels/mensaPlan/style.less

 /* 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;
+}
 }