From 985c056db472c82e73efba8de8f6f1087c9d0440 Mon Sep 17 00:00:00 2001 From: qhri Date: Fri, 22 Aug 2025 19:21:24 -0400 Subject: [PATCH] Convert RGB Hex codes into HSL --- src/css.css | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/src/css.css b/src/css.css index 871c955..9fef3ea 100644 --- a/src/css.css +++ b/src/css.css @@ -29,22 +29,22 @@ } :root { - --bg-color: #ecdfec; - --font-color: #333333; - --code-border-color: #1a1a1a; - --link-color: #2b58de; - --link-color-visited: #6047eb; - --header-bg-color: #E1CFE1; - --header-border-color: #CDB0CD; + --bg-color: hsl(300 25% 90%); + --font-color: hsl( 0 0% 20%); + --code-border-color: hsl( 0 0% 10%); + --link-color: hsl(225 73% 52%); + --link-color-visited: hsl(249 80% 60%); + --header-bg-color: hsl(300 23% 85%); + --header-border-color: hsl(300 22% 75%); - @media (prefers-color-scheme: dark) { - --bg-color: #1f131f; - --font-color: #cccccc; - --code-border-color: #333333; - --link-color: #577AE4; - --link-color-visited: #8775EF; - --header-bg-color: #2F1D2F; - --header-border-color: #4D314D; + @media (prefers-color-scheme: light) { + --bg-color: hsl(300 25% 10%); + --font-color: hsl( 0 0% 80%); + --code-border-color: hsl( 0 0% 20%); + --link-color: hsl(225 73% 62%); + --link-color-visited: hsl(249 80% 70%); + --header-bg-color: hsl(300 23% 15%); + --header-border-color: hsl(300 22% 25%); } } @@ -63,8 +63,8 @@ p, ul, nav, code { } code { - background-color: #1a1a1a; - color: #e6e6e6; + background-color: hsl(0 0% 10%); + color: hsl(0 0% 90%); border: 5px solid var(--code-border-color); overflow: scroll; text-wrap: nowrap; -- 2.47.3