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

Set appropriate color-scheme according to theme

Browse source
This commit is contained in:
Foster Hangdaan 2023-08-06 11:35:25 -04:00
parent 1efd79fa27
commit fe8f19a891
Signed by: foster
GPG key ID: E48D7F49A852F112
1 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -133,6 +133,7 @@ :root {
/* semantic color variables for this project */ /* semantic color variables for this project */
:root { :root {
color-scheme: dark;
--color-bg: var(--tn-night--background); --color-bg: var(--tn-night--background);
--color-fg: var(--tn-night--foreground); --color-fg: var(--tn-night--foreground);
--color-black: var(--tn-dark--16); --color-black: var(--tn-dark--16);
@ -165,6 +166,7 @@ :root {
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root { :root {
color-scheme: light;
--color-bg: var(--tn-light--background); --color-bg: var(--tn-light--background);
--color-fg: var(--tn-light--foreground); --color-fg: var(--tn-light--foreground);
--color-black: var(--tn-light--13); --color-black: var(--tn-light--13);