diff options
| -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); |