diff options
| author | Kit La Touche <kit@transneptune.net> | 2025-01-05 21:44:40 -0500 |
|---|---|---|
| committer | Kit La Touche <kit@transneptune.net> | 2025-01-05 21:44:40 -0500 |
| commit | b0bce048bfd15ff7585ee7e297d3fab9996c8899 (patch) | |
| tree | 448ca3375fffd2f96c6f0e08b3aed4980031917a | |
| parent | f81065314aaa5c210a4245e65469906b277c363e (diff) | |
Fix up active and hover sidebar styles
| -rw-r--r-- | ui/styles/sidebar.css | 2 | ||||
| -rw-r--r-- | ui/styles/variables.css | 4 |
2 files changed, 5 insertions, 1 deletions
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); |
