From 17fa488f501c816b1999af9e98baa956d2e9ae20 Mon Sep 17 00:00:00 2001 From: Jakob Meier Date: Thu, 8 Feb 2024 08:25:42 +0100 Subject: [PATCH] Added light theme (auto mode) --- static/base.css | 43 ++++++++++++++++++++++++++++++++----------- 1 file changed, 32 insertions(+), 11 deletions(-) diff --git a/static/base.css b/static/base.css index 091618d..181ab96 100644 --- a/static/base.css +++ b/static/base.css @@ -1,21 +1,42 @@ /* VARIABLES */ :root { - --color-purple: #b16286; + --color-purple: #8f3f71; --color-white: #ebdbb2; - --color-blue: #458588; - --color-yellow: #d79921; + --color-black: #282828; + --color-blue: #076678; + --color-yellow: #b57614; - --color-bg: #1d2021; - --color-box: #282828; + --color-bg: #f9f5d7; + --color-box: #fbf1c7; --color-base: #222424; - --color-box-light: #3c3836; - --color-text: #bdae93; - --color-text-dark: #504945; - --color-text-dark2: #32302f; - --color-headline: var(--color-white); + --color-box-light: #ebdbb2; + --color-text: #665c54; + --color-text-dark: #7c6f64; + --color-text-dark2: #928374; + --color-headline: var(--color-black); --color-link: var(--color-purple); - --color-link-hv: #d3869b; + --color-link-hv: #b16286; +} +@media (prefers-color-scheme: dark) { + :root { + --color-purple: #b16286; + --color-white: #ebdbb2; + --color-blue: #458588; + --color-yellow: #d79921; + + --color-bg: #1d2021; + --color-box: #282828; + --color-base: #222424; + --color-box-light: #3c3836; + --color-text: #bdae93; + --color-text-dark: #504945; + --color-text-dark2: #32302f; + --color-headline: var(--color-white); + --color-link: var(--color-purple); + --color-link-hv: #d3869b; + } } + /* CUSTOM FONT */ @font-face { font-family: "Bitstream Vera"; -- 2.38.5