+ Настройка тёмного цвета

metadata/dbms/dbms.css

@@ -1,3 +1,10 @@
+/*Переменные для настройки цветов*/
+:root{
+	--header-color: #505050;
+	--back-color: 3a3a3a;
+}
+
+
 *{
 	box-sizing:			border-box;
 	-moz-box-sizing:	border-box;
@@ -12,9 +19,10 @@ html,body
 	padding: 0px;
 	font-size: 14px;
 	font-family: Arial;
+	background-color: #3a3a3a;
 }
 
-input,textarea 
+input,textarea
 {
 	margin: 0px 0px;
 }
@@ -49,7 +57,7 @@ select
   -ms-user-select: none;      /* IE 10+ */
   -o-user-select: none; /* No support for these yet, use at own risk */
   user-select: none; /* No support for these yet, use at own risk */
-  
+
   display: inline-block;
   /*display: table;*/
 
@@ -58,10 +66,13 @@ select
   text-align: center;
 }
 
+/*Табличка исполняющая роль окна*/
 .shadow {
-    box-shadow: 0 0 10px rgba(0,0,0,0.7);
-   }
-   
+    box-shadow: 0 0 10px rgba(255,255,255,0.7);
+    background-color: #3a3a3a;
+    color: #ffffff;
+}
+
 
 /* Для полей состояжих из нескольких элементов (поле с кнопочкой допустим) */
 table.DBMSSimple {
@@ -80,8 +91,8 @@ table.SEdit {
 	border-collapse: collapse;
 	border: 1px double #999999;
 	width: 100%;
-	background-color: #ffffff;
-	border-spacing: 1px 1px; 
+	background-color: var(--back-color);
+	border-spacing: 1px 1px;
 }
 table.SEdit td,table.SEdit th {
     padding: 1px;
@@ -90,17 +101,17 @@ table.SEdit td,table.SEdit th {
 
 table.SEdit th {
 	font-weight: bold;
-	background-color: rgb(218, 218, 218);
+	background-color: var(--header-color);
 }
 
 
-/* For table filter data whitesmoke */   
+/* For table filter data whitesmoke */
 table.SFilter {
-    border-collapse: collapse;
-    width: 100%;
-    height: 100%;
-    background-color:#f1f1f1;
-	border-spacing: 1px 1px;
+	border-collapse: collapse;
+		width: 100%;
+		height: 100%;
+		background-color: var(--back-color);
+		border-spacing: 1px 1px;
 }
 
 table.SFilter td {
@@ -108,15 +119,13 @@ table.SFilter td {
     border: 0px solid #999999;
 }
 
-
-
 /* For table show data */
 table.SShow {
 	border-collapse: collapse;
 	border: 1px double #999999;
 	width: 100%;
 	background-color: #ffffff;
-	border-spacing: 1px 1px; 
+	border-spacing: 1px 1px;
 }
 
 table.SShow td,table.SShow th {
@@ -125,5 +134,5 @@ table.SShow td,table.SShow th {
 
 table.SShow th {
 	font-weight: bold;
-	background-color: rgb(218, 218, 218);
-}
+	background-color: var(--header-color);
+}