From ad3eccfd7c98cd801e2fc05ddd30b1db460bc39d Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Thu, 5 Mar 2020 20:47:57 +0300
Subject: [PATCH] dark theme

---
 src/style.css | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/style.css b/src/style.css
index 1daaef96..9395bb72 100644
--- a/src/style.css
+++ b/src/style.css
@@ -15,16 +15,16 @@
     --font-size-h3: 1.5rem;
 
     /* COLOR */
-    --color-text: #202020;
-    --color-text-second: #9090a0;
-    --color-text-opposite: #f0f0f0;
+    --color-text: hsl(0, 0%, 15%);
+    --color-text-second: hsl(240, 10%, 70%);
+    --color-text-opposite: hsl(0, 0%, 95%);
 
-    --color-link: hsl(0, 0%, 80%);
-    --color-link-opposite: hsl(0, 0%, 40%);
+    --color-link: hsl(0, 0%, 85%);
+    --color-link-opposite: hsl(0, 0%, 35%);
 
     --color-back-main: white;
     --color-back: white;
-    --color-back-opposite: hsl(0, 0%, 10%);
+    --color-back-opposite: hsl(0, 0%, 15%);
 
     --color-shadow: rgba(27, 51, 88, 0.15);
 
@@ -160,15 +160,15 @@ a.invisible {
 @media (prefers-color-scheme: dark) {
     :root {
         /* TEXT COLOR */
-        --color-text: #cbd0d3;
-        --color-text-second: #bbc2c6;
-        --color-text-opposite: #2c363c;
+        --color-text: hsl(240, 10%, 80%);
+        --color-text-second: hsl(240, 10%, 40%);
+        --color-text-opposite: hsl(240, 10%, 15%);
 
-        --color-back-main: #1a1f22;
-        --color-back: #2c363c;
-        --color-back-opposite: #bbc2c6;
-        --color-link: #666;
-        --color-link-opposite: #8f9aa0;
+        --color-back-main: hsl(240, 10%, 10%);
+        --color-back: hsl(240, 10%, 15%);
+        --color-back-opposite: hsl(240, 10%, 80%);
+        --color-link: hsl(240, 10%, 40%);
+        --color-link-opposite: hsl(240, 10%, 60%);
 
         --shadow: none;
         --shadow-active: none;