From aebf63c2884a5cadcdf614abe797ced570a6eb4c Mon Sep 17 00:00:00 2001
From: Brock Whittaker <brock@zulipchat.com>
Date: Mon, 4 Dec 2017 13:30:31 -0800
Subject: [PATCH] sidebars: Change to more muted hover/active colors.

The active streams and users should be more muted grey tones than the
greens and blues that they currently are.
---
 static/styles/left-sidebar.css  | 15 +++++----------
 static/styles/right-sidebar.css |  4 ++--
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/static/styles/left-sidebar.css b/static/styles/left-sidebar.css
index 708a841bf9..bf611e1e9a 100644
--- a/static/styles/left-sidebar.css
+++ b/static/styles/left-sidebar.css
@@ -94,13 +94,8 @@
     margin-left: 1ex;
 }
 
-#global_filters li:hover,
-#stream_filters li:hover {
-    background-color: hsl(93, 19%, 88%);
-}
-
-#stream_filters li.active-sub-filter:hover {
-    background-color: hsl(120, 11%, 82%);
+.left-sidebar li:hover {
+    background-color: hsla(0, 0%, 0%, 0.05);
 }
 
 ul.filters {
@@ -120,7 +115,7 @@ ul.filters hr {
 li.active-filter,
 li.active-sub-filter {
     font-weight: 600 !important;
-    background: hsl(202, 56%, 91%);
+    background: hsla(0, 0%, 0%, 0.05);
     position: relative;
 }
 
@@ -187,7 +182,7 @@ li.hidden-filter {
     float: right;
     margin-top: 3px;
     line-height: 12px;
-    background: hsl(105, 2%, 50%);
+    background: hsla(0, 0%, 0%, 0.25);
     padding: 1px 4px;
     border-radius: 0px;
     color: hsl(0, 0%, 100%);
@@ -229,7 +224,7 @@ li.hidden-filter {
     line-height: 1em;
     top: 4px;
     padding: 1px 4px 1px 4px;
-    background: hsl(107, 5%, 66%);
+    background: hsla(0, 0%, 0%, 0.25);
     color: hsl(0, 0%, 100%);
     border-radius: 1px;
     font-size: 12px;
diff --git a/static/styles/right-sidebar.css b/static/styles/right-sidebar.css
index b634c24a04..c4d9e22ca0 100644
--- a/static/styles/right-sidebar.css
+++ b/static/styles/right-sidebar.css
@@ -9,7 +9,7 @@
 
 #group-pms li:hover,
 #user_presences li:hover {
-    background-color: hsl(93, 19%, 88%);
+    background-color: hsla(0, 0%, 0%, 0.05);
 }
 
 #user_presences,
@@ -155,7 +155,7 @@
     right: 29px;
     top: 4px;
     padding: 1px 4px 2px 4px;
-    background: hsl(105, 2%, 50%);
+    background: hsla(0, 0%, 0%, 0.25);
     border-radius: 0px;
     color: hsl(0, 0%, 100%);
     font-size: 12px;