From 6c4ef19da01efc6a1e4ea76085b7b7382c331eca Mon Sep 17 00:00:00 2001
From: Dimitry Kolyshev <dkolyshev@adguard.com>
Date: Mon, 16 Jan 2023 13:27:35 +0700
Subject: [PATCH] client: dark theme css

---
 client/src/components/App/index.css | 5 +++++
 client/src/components/ui/Tabler.css | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/components/App/index.css b/client/src/components/App/index.css
index fa8ca78899b..2c8d29e6a0a 100644
--- 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
index fac3d80adf1..e9952b4c99f 100644
--- 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 {