media query theme (#139)

* feat: use css media query to derive theme

* fix: rename alt for toggle images

* feat: remove no-cache middleware
This commit is contained in:
httpjamesm 2024-06-20 00:18:22 -04:00 committed by GitHub
parent b0ae8a50b5
commit e409176642
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 17 additions and 77 deletions

View file

@ -11,17 +11,19 @@
--link-color: #92adff;
}
[data-theme='light'] {
--main-bg: #dbdbdb;
--text-color: #000;
--muted-text-color: #636363;
--code-bg: #36383d;
--code-fg: #ffffff;
--input-bg: #bcbcbc;
--input-bg-hover: #a8a8a8;
--meta-bg: #aaa8a8;
--divider-color: #b5b5b5;
--link-color: #335ad0;
@media (prefers-color-scheme: light) {
:root {
--main-bg: #dbdbdb;
--text-color: #000;
--muted-text-color: #636363;
--code-bg: #36383d;
--code-fg: #ffffff;
--input-bg: #bcbcbc;
--input-bg-hover: #a8a8a8;
--meta-bg: #aaa8a8;
--divider-color: #b5b5b5;
--link-color: #335ad0;
}
}
a {
@ -76,4 +78,4 @@ details {
.fw-nowrap {
flex-wrap: nowrap;
}
}