From 0daf2f31e698dc0f42a5a0d1dd8fbaae0e6a7653 Mon Sep 17 00:00:00 2001 From: Owen Jacobson Date: Mon, 21 Apr 2025 22:20:30 -0400 Subject: Force the text colour for links in the channel list to something with decent contrast. We were ending up with colours picked by a more specific rule (`a, a:hover, a:visited, a:active`, from `app.css`), which was suppressing the colours we wanted. This is not a particularly elegant solution, but it is _an_ solution. Code organized this way to avoid giving `a` elements a background colour. --- ui/styles/sidebar.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'ui/styles/sidebar.css') diff --git a/ui/styles/sidebar.css b/ui/styles/sidebar.css index c6aab6a..9a499f2 100644 --- a/ui/styles/sidebar.css +++ b/ui/styles/sidebar.css @@ -24,11 +24,19 @@ color: var(--colour-navbar-active-text); } +.list-nav li.active a { + color: var(--colour-navbar-active-text); +} + .list-nav li:hover { background-color: var(--colour-navbar-hover-bg); color: var(--colour-navbar-hover-text); } +.list-nav li:hover a { + color: var(--colour-navbar-hover-text); +} + /* create channel form */ .create-channel { padding-left: 0.5rem; -- cgit v1.2.3