foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Make dark theme the default

Browse source
This commit is contained in:
Foster Hangdaan 2023-08-01 22:10:31 -04:00
parent f06b41a384
commit b64b8a62da
Signed by: foster
GPG key ID: E48D7F49A852F112
1 changed files with 35 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
_includes/styles/color-palette.scss
View file

@ -80,27 +80,6 @@ :root {
}
/* semantic color variables for this project */
:root {
--color-bg: var(--tn-light--background);
--color-fg: var(--tn-light--foreground);
--color-black: var(--tn-light--black);
--color-white: var(--tn-light--white);
--color-red: var(--tn-light--red);
--color-green: var(--tn-light--green);
--color-blue: var(--tn-light--blue);
--color-yellow: var(--tn-light--yellow);
--color-cyan: var(--tn-light--cyan);
--color-magenta: var(--tn-light--magenta);
--color-brown: var(--tn-light--brown);
--color-links: var(--tn-light--cyan);
--color-error: var(--tn-light--red);
--color-success: var(--tn-light--green);
--color-warn: var(--tn-light--yellow);
--color-bg--layer-01: var(--tn-light--background-60);
--color-bg--layer-02: var(--tn-light--background-70);
}
@media (prefers-color-scheme: dark) {
:root {
--color-bg: var(--tn-storm--background);
--color-fg: var(--tn-night--foreground);
@ -120,4 +99,25 @@ @media (prefers-color-scheme: dark) {
--color-bg--layer-01: var(--tn-storm--background-40);
--color-bg--layer-02: var(--tn-storm--background-30);
}
@media (prefers-color-scheme: light) {
:root {
--color-bg: var(--tn-light--background);
--color-fg: var(--tn-light--foreground);
--color-black: var(--tn-light--black);
--color-white: var(--tn-light--white);
--color-red: var(--tn-light--red);
--color-green: var(--tn-light--green);
--color-blue: var(--tn-light--blue);
--color-yellow: var(--tn-light--yellow);
--color-cyan: var(--tn-light--cyan);
--color-magenta: var(--tn-light--magenta);
--color-brown: var(--tn-light--brown);
--color-links: var(--tn-light--cyan);
--color-error: var(--tn-light--red);
--color-success: var(--tn-light--green);
--color-warn: var(--tn-light--yellow);
--color-bg--layer-01: var(--tn-light--background-60);
--color-bg--layer-02: var(--tn-light--background-70);
}
}