From b0bce048bfd15ff7585ee7e297d3fab9996c8899 Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Sun, 5 Jan 2025 21:44:40 -0500 Subject: Fix up active and hover sidebar styles --- ui/styles/sidebar.css | 2 ++ ui/styles/variables.css | 4 +++- 2 files changed, 5 insertions(+), 1 deletion(-) (limited to 'ui/styles') diff --git a/ui/styles/sidebar.css b/ui/styles/sidebar.css index 695628c..b31c4fd 100644 --- a/ui/styles/sidebar.css +++ b/ui/styles/sidebar.css @@ -20,10 +20,12 @@ .list-nav li.active { background-color: var(--colour-navbar-active-bg); + color: var(--colour-navbar-active-text); } .list-nav li:hover { background-color: var(--colour-navbar-hover-bg); + color: var(--colour-navbar-hover-text); } /* create channel form */ diff --git a/ui/styles/variables.css b/ui/styles/variables.css index f753589..6252d7b 100644 --- a/ui/styles/variables.css +++ b/ui/styles/variables.css @@ -29,7 +29,9 @@ --colour-navbar-border: color-mix(in srgb, var(--colour-navbar-bg) 50%, black); --colour-navbar-text: var(--light-text); --colour-navbar-active-bg: color-mix(in srgb, var(--colour-navbar-bg) 40%, white); - --colour-navbar-hover-bg: color-mix(in srgb, var(--colour-navbar-bg) 20%, white); + --colour-navbar-active-text: color-mix(in srgb, var(--colour-navbar-bg) 40%, black); + --colour-navbar-hover-bg: color-mix(in srgb, var(--colour-navbar-bg) 30%, white); + --colour-navbar-hover-text: color-mix(in srgb, var(--colour-navbar-bg) 30%, black); /* Input */ --colour-input-bg: color-mix(in srgb, var(--colour-base) 10%, white); -- cgit v1.2.3