diff options
| author | Étienne Loks <etienne.loks@iggdrasil.net> | 2026-05-11 17:24:15 +0200 |
|---|---|---|
| committer | Étienne Loks <etienne.loks@iggdrasil.net> | 2026-05-11 17:25:46 +0200 |
| commit | c172c8b46c02c5275ef7857dab1bd4c53dbf7ee0 (patch) | |
| tree | a392aeb883835c6a8feff1e977a0370952a8d4ac /scss | |
| parent | 9139433a6e5b602d0723861c7c6cae9dc3e5b5cf (diff) | |
| download | Ishtar-c172c8b46c02c5275ef7857dab1bd4c53dbf7ee0.tar.bz2 Ishtar-c172c8b46c02c5275ef7857dab1bd4c53dbf7ee0.zip | |
💄 UI: dark/light mode switcher
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/custom.scss | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/scss/custom.scss b/scss/custom.scss index 5672eb61a..43e4b7b43 100644 --- a/scss/custom.scss +++ b/scss/custom.scss @@ -1270,6 +1270,11 @@ ul.simple, padding: 0 1em; } + +#theme-switch input { + display: none; +} + /* // required @import "bootstrap-src/scss/functions"; @@ -1296,12 +1301,12 @@ $dark-theme-dark-hover-alt: #6a6a6a; $dark-theme-red: #912d2d; -@media (prefers-color-scheme: dark) { - html { - background-image: url('images/ishtar-bg-dark.png'); - background-color: $dark-theme-dark-bg; - } +html[data-theme="dark"] { + background-image: url('images/ishtar-bg-dark.png'); + background-color: $dark-theme-dark-bg; +} +[data-theme="dark"] { .ui-menu-item{ /* autocomplete is kept white on focus -> set color to dark */ color: $gray-700; } |