cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: reduce duplication

Browse source
This commit is contained in:
Cory Dransfeldt 2024-09-02 12:52:19 -07:00 committed by GitHub
parent 8bba16778e
commit 2f85113640
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/assets/styles/defaults/vars.css
View file

@ -33,6 +33,8 @@
--gray-dark: var(--gray-950); --gray-dark: var(--gray-950);
/* base theme */ /* base theme */
--color-theme: light;
--color-lightest: var(--gray-50); --color-lightest: var(--gray-50);
--color-darkest: var(--gray-darkest); --color-darkest: var(--gray-darkest);
--text-color: var(--color-darkest); --text-color: var(--color-darkest);
@ -147,7 +149,17 @@
} }
/* dark theme */ /* dark theme */
:root.theme__dark {
--color-theme: dark;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root {
--color-theme: dark;
}
}
@container style(--color-theme: dark) {
:root { :root {
--text-color: var(--color-lightest); --text-color: var(--color-lightest);
--background-color: var(--color-darkest); --background-color: var(--color-darkest);
@ -161,31 +173,3 @@
--brand-github: #f5f5f5; --brand-github: #f5f5f5;
} }
} }
/* light theme */
:root.theme__light {
--text-color: var(--color-darkest);
--background-color: var(--color-lightest);
--text-color-inverted: var(--color-lightest);
--background-color-inverted: var(--color-darkest);
--accent-color: var(--blue-600);
--accent-color-hover: var(--blue-800);
--gray-light: var(--gray-200);
--gray-lighter: var(--gray-100);
--gray-dark: var(--gray-950);
--brand-github: #333;
}
/* dark theme */
:root.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;
}