From b64b8a62dac4ba9606f9faa7743865e988d81dfa Mon Sep 17 00:00:00 2001 From: Foster Hangdaan Date: Tue, 1 Aug 2023 22:10:31 -0400 Subject: [PATCH] Make dark theme the default --- _includes/styles/color-palette.scss | 70 ++++++++++++++--------------- 1 file changed, 35 insertions(+), 35 deletions(-) diff --git a/_includes/styles/color-palette.scss b/_includes/styles/color-palette.scss index 6f36a8d..35a4a3a 100644 --- a/_includes/styles/color-palette.scss +++ b/_includes/styles/color-palette.scss @@ -81,43 +81,43 @@ :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); + --color-bg: var(--tn-storm--background); + --color-fg: var(--tn-night--foreground); + --color-black: var(--tn-dark--black); + --color-white: var(--tn-dark--white); + --color-red: var(--tn-dark--red); + --color-green: var(--tn-dark--green); + --color-blue: var(--tn-dark--blue); + --color-yellow: var(--tn-dark--yellow); + --color-cyan: var(--tn-dark--cyan); + --color-magenta: var(--tn-dark--magenta); + --color-brown: var(--tn-dark--brown); + --color-links: var(--tn-dark--cyan); + --color-error: var(--tn-dark--red); + --color-success: var(--tn-dark--green); + --color-warn: var(--tn-dark--yellow); + --color-bg--layer-01: var(--tn-storm--background-40); + --color-bg--layer-02: var(--tn-storm--background-30); } -@media (prefers-color-scheme: dark) { +@media (prefers-color-scheme: light) { :root { - --color-bg: var(--tn-storm--background); - --color-fg: var(--tn-night--foreground); - --color-black: var(--tn-dark--black); - --color-white: var(--tn-dark--white); - --color-red: var(--tn-dark--red); - --color-green: var(--tn-dark--green); - --color-blue: var(--tn-dark--blue); - --color-yellow: var(--tn-dark--yellow); - --color-cyan: var(--tn-dark--cyan); - --color-magenta: var(--tn-dark--magenta); - --color-brown: var(--tn-dark--brown); - --color-links: var(--tn-dark--cyan); - --color-error: var(--tn-dark--red); - --color-success: var(--tn-dark--green); - --color-warn: var(--tn-dark--yellow); - --color-bg--layer-01: var(--tn-storm--background-40); - --color-bg--layer-02: var(--tn-storm--background-30); + --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); } }