add sidebar color to some themes

Author: lassekongo83

themes/Plano-dark/gtk3.css

@@ -15,6 +15,10 @@
 @define-color dialog_fg_color @view_fg_color;
 @define-color card_bg_color @view_bg_color;
 @define-color card_fg_color @view_fg_color;
+@define-color sidebar_bg_color @headerbar_bg_color;
+@define-color sidebar_fg_color @window_fg_color;
+@define-color sidebar_backdrop_color @window_bg_color;
+@define-color sidebar_shade_color rgba(0,0,0,0.25);
 button.titlebutton:not(.appmenu) {
   min-width: 20px;
   min-height: 20px;

themes/Plano-dark/gtk4.css

@@ -15,6 +15,10 @@
 @define-color dialog_fg_color @view_fg_color;
 @define-color card_bg_color @view_bg_color;
 @define-color card_fg_color @view_fg_color;
+@define-color sidebar_bg_color @headerbar_bg_color;
+@define-color sidebar_fg_color @window_fg_color;
+@define-color sidebar_backdrop_color @window_bg_color;
+@define-color sidebar_shade_color rgba(0,0,0,0.25);
 windowcontrols > button {
   min-width: 20px;
   min-height: 20px;

themes/Plano-dark/sass/_shared.scss

@@ -37,6 +37,10 @@
 @define-color dialog_fg_color @view_fg_color;
 @define-color card_bg_color @view_bg_color;
 @define-color card_fg_color @view_fg_color;
+@define-color sidebar_bg_color @headerbar_bg_color;
+@define-color sidebar_fg_color @window_fg_color;
+@define-color sidebar_backdrop_color @window_bg_color;
+@define-color sidebar_shade_color rgba(0,0,0,0.25);
 // These variables are the ones we use
 $window_bg_color: gtkcolor(window_bg_color);
 $window_fg_color: gtkcolor(window_fg_color);
@@ -55,6 +59,10 @@ $dialog_bg_color: gtkcolor(dialog_bg_color);
 $dialog_fg_color: gtkcolor(dialog_fg_color);
 $card_bg_color: gtkcolor(card_bg_color);
 $card_fg_color: gtkcolor(card_fg_color);
+$sidebar_bg_color: gtkcolor(sidebar_bg_color);
+$sidebar_fg_color: gtkcolor(sidebar_fg_color);
+$sidebar_backdrop_color: gtkcolor(sidebar_backdrop_color);
+$sidebar_shade_color: gtkcolor(sidebar_shade_color);
 
 // Other variables for this theme
 $button_radius: 0;

themes/SurGubbe/gtk.scss

@@ -43,6 +43,10 @@
 @define-color dialog_fg_color @popover_fg_color;
 @define-color card_bg_color @view_bg_color;
 @define-color card_fg_color @view_fg_color;
+@define-color sidebar_bg_color @headerbar_bg_color;
+@define-color sidebar_fg_color @window_fg_color;
+@define-color sidebar_backdrop_color @window_bg_color;
+@define-color sidebar_shade_color rgba(0,0,0,0.25);
 // These variables are the ones we use
 $window_bg_color: gtkcolor(window_bg_color);
 $window_fg_color: gtkcolor(window_fg_color);
@@ -59,6 +63,10 @@ $dialog_bg_color: gtkcolor(dialog_bg_color);
 $dialog_fg_color: gtkcolor(dialog_fg_color);
 $card_bg_color: gtkcolor(card_bg_color);
 $card_fg_color: gtkcolor(card_fg_color);
+$sidebar_bg_color: gtkcolor(sidebar_bg_color);
+$sidebar_fg_color: gtkcolor(sidebar_fg_color);
+$sidebar_backdrop_color: gtkcolor(sidebar_backdrop_color);
+$sidebar_shade_color: gtkcolor(sidebar_shade_color);
 
 // Other variables used in this theme
 $titlebutton_close: #ff605c;

themes/dracula/gtk.css

@@ -29,6 +29,10 @@
 @define-color dialog_fg_color @popover_fg_color;
 @define-color card_bg_color rgba(255, 255, 255, 0.08);
 @define-color card_fg_color @window_fg_color;
+@define-color sidebar_bg_color @headerbar_bg_color;
+@define-color sidebar_fg_color @window_fg_color;
+@define-color sidebar_backdrop_color @window_bg_color;
+@define-color sidebar_shade_color rgba(0,0,0,0.25);
 
 /* More customizations */
 

themes/wandows-ngrmadly/gtk.scss

@@ -44,6 +44,10 @@
 @define-color dialog_fg_color @popover_fg_color;
 @define-color card_bg_color @view_bg_color;
 @define-color card_fg_color @view_fg_color;
+@define-color sidebar_bg_color @headerbar_bg_color;
+@define-color sidebar_fg_color @window_fg_color;
+@define-color sidebar_backdrop_color @window_bg_color;
+@define-color sidebar_shade_color rgba(0,0,0,0.25);
 // These variables are the ones we use
 $window_bg_color: gtkcolor(window_bg_color);
 $window_fg_color: gtkcolor(window_fg_color);
@@ -61,6 +65,10 @@ $dialog_bg_color: gtkcolor(dialog_bg_color);
 $dialog_fg_color: gtkcolor(dialog_fg_color);
 $card_bg_color: gtkcolor(card_bg_color);
 $card_fg_color: gtkcolor(card_fg_color);
+$sidebar_bg_color: gtkcolor(sidebar_bg_color);
+$sidebar_fg_color: gtkcolor(sidebar_fg_color);
+$sidebar_backdrop_color: gtkcolor(sidebar_backdrop_color);
+$sidebar_shade_color: gtkcolor(sidebar_shade_color);
 
 // Other variables for this theme
 $border_color: gtkalpha(currentColor, .15);