From a705f04a4b2b5c8904b609e99905618d1b22fe53 Mon Sep 17 00:00:00 2001 From: Midou36O Date: Tue, 7 Mar 2023 18:38:11 +0100 Subject: [PATCH] Add a darker accent color for light mode (accessibility), partially solves #53 --- public/css/global.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/public/css/global.css b/public/css/global.css index b0ba4b5..9cc8f19 100644 --- a/public/css/global.css +++ b/public/css/global.css @@ -130,7 +130,7 @@ a:hover { } .userProfile h1 { - color: #00b7c3; + color: var(--accent); margin: 4px; word-wrap: nowrap; text-overflow: ellipsis; @@ -145,7 +145,7 @@ a:hover { } .userProfile img { - border: 4px solid #00b7c3; + border: 4px solid var(--accent); border-radius: 50%; } @@ -241,6 +241,7 @@ a:hover { --background: #ececec; --secondary-background: #f5f5f5; --background-darker: #dddddd; + --accent: #0083c3; color-scheme: light; } body { @@ -251,7 +252,7 @@ a:hover { color: black; } a:hover { - color: #00b7c3; + color: #0083c3; } .exploreIDontKnowWhatToNameThisDiv { background-color: var(--background);