Add prefer dark scheme support in CSS

2025-02-21 22:43:22 +08:00 · 2019-06-01 12:51:42 +07:00 · 2019-06-01 12:51:42 +07:00 · 95c8717855
commit 95c8717855
parent fa938b9941
3 changed files with 18 additions and 7 deletions
--- a/internal/view/css/stylesheet.css
+++ b/internal/view/css/stylesheet.css
--- a/internal/view/less/stylesheet.less
+++ b/internal/view/less/stylesheet.less
@ -11,6 +11,17 @@
    --main: #F44336;
    --errorColor: #F44336;
    --selectedBg: #ffe7e5;
+
+    @media (prefers-color-scheme: dark) {
+        &:root {
+            --bg: #1F1F1F;
+            --headerBg: #292929;
+            --contentBg: #292929;
+            --border: #191919;
+            --color: #FFF;
+            --selectedBg: #261918;
+        }
+    }
 }

 &.night {
--- a/internal/webserver/assets-prod.go
+++ b/internal/webserver/assets-prod.go