diff --git a/static/styles/night_mode.scss b/static/styles/night_mode.scss index 634b87fc1b..fc34989f13 100644 --- a/static/styles/night_mode.scss +++ b/static/styles/night_mode.scss @@ -356,15 +356,23 @@ on a dark background, and don't change the dark labels dark either. */ #streamlist-toggle, #userlist-toggle { - border-color: hsla(199, 33%, 46%, 0.2); + color: inherit; + border-color: hsla(0, 0%, 0%, 0.6); } - #streamlist-toggle-button, - #userlist-toggle-button { + #streamlist-toggle-button { color: inherit; background-color: inherit; } + #userlist-toggle-button { + color: hsl(221, 9%, 54%); + + &:hover { + color: inherit; + } + } + li.active-filter, li.active-sub-filter { background-color: hsla(199, 33%, 46%, 0.2); diff --git a/static/styles/right-sidebar.scss b/static/styles/right-sidebar.scss index e8dea40652..f0a8113a29 100644 --- a/static/styles/right-sidebar.scss +++ b/static/styles/right-sidebar.scss @@ -151,18 +151,21 @@ right: 0px; text-align: center; vertical-align: middle; - border-left: 2px solid hsl(204, 20%, 74%); + border-left: 1px solid hsl(0, 0%, 88%); } #userlist-toggle-button { text-decoration: none; - background-color: hsl(0, 0%, 89%); - color: hsl(0, 0%, 52%); + color: hsl(0, 0%, 60%); display: block; width: 45px; height: 19px; padding-top: 12px; padding-bottom: 9px; + + &:hover { + color: inherit; + } } #userlist-header {