client: dark theme css

AdguardTeam · Jan 16, 2023 · 6c4ef19 · 6c4ef19
1 parent 5cf564e
commit 6c4ef19
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/client/src/components/App/index.css b/client/src/components/App/index.css
@@ -1,4 +1,5 @@
 :root {
+    --bgcolor: #f5f7fb;
     --yellow-pale: rgba(247, 181, 0, 0.1);
     --green79: #67b279;
     --gray-a5: #a5a5a5;
@@ -8,6 +9,10 @@
     --font-size-disable-autozoom: 1rem;
 }
 
+[data-theme="dark"] {
+    --bgcolor: black;
+}
+
 body {
     margin: 0;
     padding: 0;

diff --git a/client/src/components/ui/Tabler.css b/client/src/components/ui/Tabler.css
@@ -87,7 +87,7 @@ body {
     line-height: 1.5;
     color: #495057;
     text-align: left;
-    background-color: #f5f7fb;
+    background-color: var(--bgcolor);
 }
 
 [tabindex="-1"]:focus {