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.

1 files changed, 8 insertions, 0 deletions

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;