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:
@ -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;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user