Updated for Domoticz v2022.1

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 {