[gtk/gtk-3-24: 1/2] Adwaita: Style separator.sidebar

[Jakub Steiner <jimmac src gnome org>]

commit f9ba3061167192c79922d28b54438f6dd3b7d47d
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Fri Sep 7 12:32:36 2018 +0200

    Adwaita: Style separator.sidebar
    
    Let separators be declared as sidebars to have the same style as those
    drawn by GtkStackSidebar. This also let them handle the selection-mode
    class, whether they are assigned it or they descend from something in
    selection mode.
    
    This is convenient when building a custom sidebar using a GtkSeparator
    and to extend a sidebar to the title bar.

 gtk/theme/Adwaita/_common.scss           | 15 +++++++++++++++
 gtk/theme/Adwaita/gtk-contained-dark.css |  6 ++++++
 gtk/theme/Adwaita/gtk-contained.css      |  6 ++++++
 3 files changed, 27 insertions(+)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 44cc7c1cf6..349950ee32 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -3877,6 +3877,21 @@ stacksidebar {
   }
 }
 
+separator.sidebar {
+  background-color: $borders_color;
+  border-style: none;
+  margin: 0px 0px 0px 0px;
+
+  &:backdrop {
+    background-color: $backdrop_borders_color;
+  }
+
+  &.selection-mode,
+  .selection-mode & {
+    background-color: darken($selected_bg_color, 20%);
+  }
+}
+
 
 /****************
  * File chooser *
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index d162188c16..2267518c50 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1645,6 +1645,12 @@ stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
 
 stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
 
+separator.sidebar { background-color: #1b1f20; border-style: none; margin: 0px 0px 0px 0px; }
+
+separator.sidebar:backdrop { background-color: #202425; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0f2b48; }
+
 /**************** File chooser * */
 row image.sidebar-icon { opacity: 0.7; }
 
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index e4e2ed5be8..77e74fa9d3 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1665,6 +1665,12 @@ stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
 
 stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
 
+separator.sidebar { background-color: #b6b6b3; border-style: none; margin: 0px 0px 0px 0px; }
+
+separator.sidebar:backdrop { background-color: #c0c0bd; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #215d9c; }
+
 /**************** File chooser * */
 row image.sidebar-icon { opacity: 0.7; }