added dark theme option. It ìs selected automagically based on system choiche of...

[theme-danix.xyz.git] / assets / sass / layout / _main.scss

diff --git a/assets/sass/layout/_main.scss b/assets/sass/layout/_main.scss
index f1d7239..a673a3b 100644 (file)
--- a/assets/sass/layout/_main.scss
+++ b/assets/sass/layout/_main.scss
@@ -7,10 +7,16 @@
 /* Main */\r
 \r
        #main {\r
-               background-color: _palette(bg-alt);\r
+               background-color: _palette_light(bg-alt);\r
+               @media screen and (prefers-color-scheme: dark) {\r
+                       background-color: _palette_dark(bg-alt);\r
+               }\r
 \r
                > * {\r
-                       border-top: solid 1px _palette(border);\r
+                       border-top: solid 1px _palette_light(border);\r
+                       @media screen and (prefers-color-scheme: dark) {\r
+                               border-top: solid 1px _palette_dark(border);\r
+                       }\r
 \r
                        &:first-child {\r
                                border-top: 0;\r
@@ -21,6 +27,9 @@
 \r
                &.alt {\r
                        background-color: transparent;\r
-                       border-bottom: solid 1px _palette(border);\r
+                       border-bottom: solid 1px _palette_light(border);\r
+                       @media screen and (prefers-color-scheme: dark) {\r
+                               border-bottom: solid 1px _palette_dark(border);\r
+                       }\r
                }\r
        }
\ No newline at end of file