fix: theme
This commit is contained in:
parent
0d776e412d
commit
0dac72715e
1 changed files with 10 additions and 9 deletions
|
@ -33,8 +33,6 @@
|
|||
--gray-dark: var(--gray-950);
|
||||
|
||||
/* base theme */
|
||||
--color-theme: light;
|
||||
|
||||
--color-lightest: var(--gray-50);
|
||||
--color-darkest: var(--gray-darkest);
|
||||
--text-color: var(--color-darkest);
|
||||
|
@ -150,16 +148,19 @@
|
|||
|
||||
/* dark theme */
|
||||
:root.theme__dark {
|
||||
--color-theme: dark;
|
||||
--text-color: var(--color-lightest);
|
||||
--background-color: var(--color-darkest);
|
||||
--text-color-inverted: var(--color-darkest);
|
||||
--background-color-inverted: var(--color-lightest);
|
||||
--accent-color: var(--blue-400);
|
||||
--accent-color-hover: var(--blue-200);
|
||||
--gray-light: var(--gray-800);
|
||||
--gray-lighter: var(--gray-900);
|
||||
--gray-dark: var(--gray-200);
|
||||
--brand-github: #f5f5f5;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--color-theme: dark;
|
||||
}
|
||||
}
|
||||
|
||||
@container style(--color-theme: dark) {
|
||||
:root {
|
||||
--text-color: var(--color-lightest);
|
||||
--background-color: var(--color-darkest);
|
||||
|
|
Reference in a new issue