Default to light theme
This commit is contained in:
parent
2ef2dc04de
commit
7961dd33ac
@ -21,23 +21,20 @@
|
|||||||
--theme-color-light: #EBEBEB;
|
--theme-color-light: #EBEBEB;
|
||||||
|
|
||||||
--border-radius: 1px;
|
--border-radius: 1px;
|
||||||
|
|
||||||
|
/* Light theme */
|
||||||
|
--color-purple: var(--color-light-purple);
|
||||||
|
--color-blue: var(--color-light-blue);
|
||||||
|
--color-blue-inverted: var(--color-dark-blue);
|
||||||
|
--background-color: var(--theme-color-light);
|
||||||
|
--text-decoration-color: var(--theme-color-dark);
|
||||||
|
--text-color: #000;
|
||||||
|
--text-color-inverted: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
body {
|
||||||
:root {
|
background: #212021;
|
||||||
--color-purple: var(--color-light-purple);
|
color: #FFF;
|
||||||
--color-blue: var(--color-light-blue);
|
|
||||||
--color-blue-inverted: var(--color-dark-blue);
|
|
||||||
--background-color: var(--theme-color-light);
|
|
||||||
--text-decoration-color: var(--theme-color-dark);
|
|
||||||
--text-color: #000;
|
|
||||||
--text-color-inverted: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: #212021;
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
Loading…
Reference in New Issue
Block a user