From 07a2b5403c57e9b57faa55a494dd78772bcafd31 Mon Sep 17 00:00:00 2001 From: kurets Date: Fri, 7 Apr 2023 21:57:26 +0300 Subject: [PATCH] make dark theme the default color --- new-site/public/style.css | 44 ++++++++++++++------------------------- new-site/static/style.css | 44 ++++++++++++++------------------------- 2 files changed, 32 insertions(+), 56 deletions(-) diff --git a/new-site/public/style.css b/new-site/public/style.css index 3ce8ecf3..91dfc3a6 100644 --- a/new-site/public/style.css +++ b/new-site/public/style.css @@ -1,14 +1,24 @@ :root { + --bg: #141414; + --fg: rgb(232, 228, 228); + --links: #5da0f2; + --muted_text: rgb(179, 182, 186); + --h1: rgb(167, 83, 23); + --h2: rgb(185, 97, 35); + --h3: rgb(196, 110, 49); + --h4: rgb(216, 126, 61); + --h5: rgb(235, 139, 70); + --h6: rgb(244, 156, 93); + --strong: #FD6A02; + --hover-link: yellow; +} + +@media (prefers-color-scheme: light) { + :root { --bg: #fafafa; --fg: #2f343f; --links: #4084d6; --muted_text: rgb(93, 93, 99); - /* --h1: chocolate; - --h2: sandybrown; - --h3: rgb(164, 135, 97); - --h4: #FEDC56; - --h5: #FCF4A3; - --h6: #FFF4B0; */ --h1: rgb(167, 83, 23); --h2: rgb(185, 97, 35); --h3: rgb(196, 110, 49); @@ -18,28 +28,6 @@ --strong: #FD6A02; --hover-link: rgb(217, 144, 8); } - -@media (prefers-color-scheme: dark) { - :root { - --bg: #141414; - --fg: rgb(232, 228, 228); - --links: #5da0f2; - --muted_text: rgb(179, 182, 186); - /* --h1: chocolate; - --h2: sandybrown; - --h3: rgb(164, 135, 97); - --h4: #FEDC56; - --h5: #FCF4A3; - --h6: #FFF4B0; */ - --h1: rgb(167, 83, 23); - --h2: rgb(185, 97, 35); - --h3: rgb(196, 110, 49); - --h4: rgb(216, 126, 61); - --h5: rgb(235, 139, 70); - --h6: rgb(244, 156, 93); - --strong: #FD6A02; - --hover-link: yellow; - } } diff --git a/new-site/static/style.css b/new-site/static/style.css index 3ce8ecf3..91dfc3a6 100644 --- a/new-site/static/style.css +++ b/new-site/static/style.css @@ -1,14 +1,24 @@ :root { + --bg: #141414; + --fg: rgb(232, 228, 228); + --links: #5da0f2; + --muted_text: rgb(179, 182, 186); + --h1: rgb(167, 83, 23); + --h2: rgb(185, 97, 35); + --h3: rgb(196, 110, 49); + --h4: rgb(216, 126, 61); + --h5: rgb(235, 139, 70); + --h6: rgb(244, 156, 93); + --strong: #FD6A02; + --hover-link: yellow; +} + +@media (prefers-color-scheme: light) { + :root { --bg: #fafafa; --fg: #2f343f; --links: #4084d6; --muted_text: rgb(93, 93, 99); - /* --h1: chocolate; - --h2: sandybrown; - --h3: rgb(164, 135, 97); - --h4: #FEDC56; - --h5: #FCF4A3; - --h6: #FFF4B0; */ --h1: rgb(167, 83, 23); --h2: rgb(185, 97, 35); --h3: rgb(196, 110, 49); @@ -18,28 +28,6 @@ --strong: #FD6A02; --hover-link: rgb(217, 144, 8); } - -@media (prefers-color-scheme: dark) { - :root { - --bg: #141414; - --fg: rgb(232, 228, 228); - --links: #5da0f2; - --muted_text: rgb(179, 182, 186); - /* --h1: chocolate; - --h2: sandybrown; - --h3: rgb(164, 135, 97); - --h4: #FEDC56; - --h5: #FCF4A3; - --h6: #FFF4B0; */ - --h1: rgb(167, 83, 23); - --h2: rgb(185, 97, 35); - --h3: rgb(196, 110, 49); - --h4: rgb(216, 126, 61); - --h5: rgb(235, 139, 70); - --h6: rgb(244, 156, 93); - --strong: #FD6A02; - --hover-link: yellow; - } }