Merge pull request #7960 from RocketChat/sidebar-colors

[FIX] status and active room colors on sidebar
RocketChat · Aug 30, 2017 · 5c582e3 · 5c582e3
1 parent 68c25a3
commit 5c582e3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
@@ -13,7 +13,7 @@
 	align-items: center;
 
 	&--active {
-		background-color: var(--sidebar-item-active-background);
+		background-color: var(--color-dark-light);
 	}
 
 	&--darken {
@@ -88,7 +88,7 @@
 		}
 
 		&--offline {
-			background-color: var(--status-invisible);
+			background-color: var(--status-invisible-sidebar);
 		}
 	}
 

diff --git a/packages/rocketchat-theme/client/imports/general/variables.css b/packages/rocketchat-theme/client/imports/general/variables.css
@@ -6,6 +6,7 @@
 	--color-darkest: #1f2329;
 	--color-dark: #2f343d;
 	--color-dark-medium: #414852;
+	--color-dark-light: #6c727a;
 	--color-gray: #9ea2a8;
 	--color-gray-medium: #cbced1;
 	--color-gray-light: #e1e5e8;
@@ -39,6 +40,7 @@
 	--status-away: var(--color-alert);
 	--status-busy: var(--color-error);
 	--status-invisible: var(--color-gray-medium);
+	--status-invisible-sidebar: var(--color-darkest);
 
 	/*
 	* Forms