colors: Add sidebar backgrounds

rafaelmardojai · Nov 21, 2023 · 2043764 · 2043764
1 parent 097edf4
commit 2043764
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/theme/colors/dark.css b/theme/colors/dark.css
@@ -16,6 +16,8 @@
 		--gnome-window-background: #242424;
 		--gnome-window-color: white;
 		--gnome-view-background: #1e1e1e;
+		--gnome-sidebar-background: #303030;
+		--gnome-secondary-sidebar-background: #2a2a2a;
 
 		/* Card */
 		--gnome-card-background: rgba(255, 255, 255, 0.08);

diff --git a/theme/colors/light.css b/theme/colors/light.css
@@ -68,6 +68,8 @@
 	--gnome-view-selected-background: color-mix(in srgb, var(--gnome-accent-bg) 25%, transparent);
 	--gnome-view-selected-hover-background: color-mix(in srgb, var(--gnome-accent-bg) 32%, transparent);
 	--gnome-view-selected-active-background: color-mix(in srgb, var(--gnome-accent-bg) 39%, transparent);
+	--gnome-sidebar-background: #ebebeb;
+	--gnome-secondary-sidebar-background: #f3f3f3;
 
 	/* Card */
 	--gnome-card-background: #ffffff;

diff --git a/theme/parts/sidebar.css b/theme/parts/sidebar.css
@@ -12,7 +12,7 @@
 }
 
 #sidebar {
-	background: var(--gnome-window-background) !important;
+	background: var(--gnome-sidebar-background) !important;
 }
 
 #sidebar-box:-moz-window-inactive label, #sidebar-box:-moz-window-inactive image,