#293 - improved dark theme

src/main/resources/static/css/dark/filter.css

@@ -5,19 +5,23 @@
 }
 
 .collapsible {
-    border-top: 1px solid #666666;
-    border-right: 1px solid #666666;
-    border-left: 1px solid #666666;
+    border-top: 1px solid #444444;
+    border-right: 1px solid #444444;
+    border-left: 1px solid #444444;
 }
 
 .collapsible-header {
-    background-color: #999999;
-    color: #212121;
-    border-bottom: 1px solid #666666;
+    background-color: #666666;
+    color: #ffffff;
+    border-bottom: 1px solid #444444;
     position: relative;
 }
 
 .collapsible-body {
-    background-color: #565656;
+    background-color: #444444;
     border-bottom: 1px solid #666666;
 }
+
+input[type="checkbox"]:not(:checked) + span:not(.lever)::before {
+    border: 2px solid rgba(255, 255, 255, 0.7);
+}

src/main/resources/static/css/dark/reports.css

@@ -42,14 +42,14 @@
 
 .report-checkbox-container input[type="checkbox"] + span:not(.lever)::before,
 .report-checkbox-container input[type="checkbox"]:not(.filled-in) + span:not(.lever)::after {
-    border-color: rgba(255, 255, 255, 0.7);
+    border: 2px solid rgba(255, 255, 255, 0.7);
 }
 
 .report-checkbox-container input[type="checkbox"]:checked + span:not(.lever)::before {
-    border-top: 2px solid transparent;
-    border-left: 2px solid transparent;
-    border-right: 2px solid #2E79B9;
-    border-bottom: 2px solid #2E79B9;
+    border-top: 3px solid transparent;
+    border-left: 3px solid transparent;
+    border-right: 3px solid #45A0EF;
+    border-bottom: 3px solid #45A0EF;
 }
 
 .table-advice {

src/main/resources/static/css/dark/style.css

@@ -436,8 +436,10 @@ ul.dropdown-content.select-dropdown li.selected {
 
 /* normal checkbox*/
 input[type="checkbox"]:checked + span:not(.lever)::before {
-    border-right: 2px solid #2E79B9;
-    border-bottom: 2px solid #2E79B9;
+    border-top: 3px solid transparent;
+    border-left: 3px solid transparent;
+    border-right: 3px solid #45A0EF;
+    border-bottom: 3px solid #45A0EF;
 }
 
 /* chips autocomplete dropdown */

src/main/resources/static/css/style.css

@@ -367,8 +367,10 @@ ul.dropdown-content.select-dropdown li.selected {
 
 /* normal checkbox*/
 input[type="checkbox"]:checked + span:not(.lever)::before {
-    border-right: 2px solid #2E79B9;
-    border-bottom: 2px solid #2E79B9;
+    border-top: 3px solid transparent;
+    border-left: 3px solid transparent;
+    border-right: 3px solid #2E79B9;
+    border-bottom: 3px solid #2E79B9;
 }
 
 /* chips autocomplete dropdown */