Updated for Domoticz v2022.1

base.css

@@ -0,0 +1,82 @@
+
+
+.row-fluid .span12,
+.row-fluid .span6 {
+	padding: 10px;
+	margin-bottom: 15px;
+	margin-top: 5px
+}
+
+div.divider .span3,
+div.divider .span4 {
+	margin-bottom: 1em;
+	padding: 0;
+}
+
+.row {
+	clear: both;
+}
+
+.row-fluid [class^="span"] {
+	background-color: #444141; /*!important;*/
+	color: #fff !important;
+}
+
+.row-fluid .span2 {
+	background-color: transparent;
+}
+
+#settingscontent input.text {
+	width: calc(100% - 65px) !important;
+}
+
+#settingscontent .ui-widget-content,
+#settingscontent input.text {
+	padding: 3px;
+}
+
+#settingscontent .span6 .btn-info {
+	line-height: 12px;
+}
+
+#settingscontent #ActiveTabs {
+	padding-left: 20px;
+}
+
+#settingscontent {
+	margin-bottom: 80px;
+}
+
+#zwavesettingscontent .sub-tabs {
+	border-bottom: 1px solid #fff;
+}
+
+#zwavesettingscontent .sub-tabs li.active a {
+	background-color: #73b6ca;
+	color: #fff;
+	border: none;
+	border-bottom: 4px solid #73b6ca;
+}
+
+#zwavesettingscontent .sub-tabs li:not(.active) {
+	margin-bottom: 1px;
+}
+
+#zwavesettingscontent .sub-tabs li:not(.active) a {
+	border-bottom: 2px solid transparent;
+	margin-bottom: 1px;
+}
+
+#zwavesettingscontent .sub-tabs > li > a.btn-succes, .sub-tabs-apply, .btn-succes {
+	color: #fff !important;
+	text-shadow: none;
+}
+
+#zwavesettingscontent #ActiveTabs {
+	padding-left: 20px;
+}
+
+.tab-content {
+	overflow: visible;
+}
+

custom.css

@@ -1,4 +1,5 @@
-@import url("../css/legacy.css"); /* Don't remove this line! */
+@import url("../../css/legacy.css"); /* Don't remove this line! */
+@import url("base.css"); /* Don't remove this line! */
 
 /*
   --== Customization off Dark th3me by G3rard ==--
@@ -87,6 +88,19 @@ li {
   padding-top: 51px;
 }
 
+/*/ Disabled
+body {
+  background: #7d7e7d;
+}
+
+/*only show special background when screen is min 1000px width, so tablets show normal background*/
+/*@media (min-width: 1025px) {
+/*  body {
+/*    background: #7d7e7d url(images/domoticz.jpg) center fixed;
+/*    color: #ffffff;
+/*  }
+/*}
+
 /* Dashboard tekst */
 body table#itemtablesmall tr td:first-child,
 body table#itemtablesmalldoubleicon  tr td:first-child,
@@ -118,6 +132,10 @@ h2 {
   font-size: 14px;
   text-transform: uppercase;
 }
+.chart h2 {
+  margin-top: 0px;
+  font-size: 1em;
+}
 body table#itemtablenostatus tbody tr {
   color: #eee;
   background-color: #353535;
@@ -187,7 +205,24 @@ body table#itemtabletrippleicon tbody tr:hover {
   background-color: #3a3a3a;
   background: rgba(53, 53, 53, 0.5) !important;
 }
-
+/*background of switches transparent end*/
+#copyright {
+  border: 0;
+  font-size: 12px;
+}
+#copyright p {
+  color: #bebebe;
+  margin-top: 10px;
+}
+#copyright a {
+  /* color: #ddddff; */
+}
+#copyright p:before {
+  content: "";
+}
+#copyright p:after {
+  content: " | Dark th3me";
+}
 div#utilitycontent {
   margin-bottom: 15px;
 }
@@ -931,7 +966,7 @@ body table#itemtablenostatus tr td:first-child + td + td + td + td + td + td {
   color: yellow !important;
 }
 .ace_editor * {
-  font-family: monospace !important;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
 }
 /* buttons for selector switch */
 .btn-small {