From 1f624a82594d44259bd28bd90bf84143943013dc Mon Sep 17 00:00:00 2001 From: Kevin Kandlbinder Date: Tue, 25 Jan 2022 20:30:39 +0100 Subject: [PATCH] Add dark mode --- src/index.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/index.scss b/src/index.scss index 6736719..69bd607 100644 --- a/src/index.scss +++ b/src/index.scss @@ -16,6 +16,21 @@ --color-footer-background: #1c1c1c; --color-footer-foreground: white; + + @media(prefers-color-scheme: dark) { + --color-foreground: white; + --color-background: #0e0e0e; + --color-glass-background: #{rgba(#0e0e0e, 0.75)}; + --color-primary: #3d2aec; + --color-primary-lighter: #503ef0; + --color-secondary: #e91b3e; + --color-secondary-lighter: #e43e5a; + + --color-glass-primary: #{rgba(#503ef0, 0.45)}; + + --color-footer-background: #1c1c1c; + --color-footer-foreground: white; + } } * {