[gtk/wip/jimmac/focused-headerbar: 2/2] Adwaita: updated stack switcher buttons

[Jakub Steiner <jimmac src gnome org>]

commit a18d4653b5ac15e052894c3ef8a6487b4cdf7234
Author: Jakub Steiner <jimmac gmail com>
Date:   Fri Oct 19 07:36:43 2018 +0200

    Adwaita: updated stack switcher buttons
    
    - based on the new designs from Tobias, make more distinct
      stack switcher buttons
    
      FIXME: 1px gap on the vertical borders
      FIXME: perhaps drop fills and borders for all but :active

 gtk/theme/Adwaita/_common.scss           | 13 +++++++++++++
 gtk/theme/Adwaita/gtk-contained-dark.css |  6 ++++++
 gtk/theme/Adwaita/gtk-contained.css      |  6 ++++++
 3 files changed, 25 insertions(+)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 8a96f6cecb..f67ae71ed5 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1720,6 +1720,19 @@ headerbar { // headerbar border rounding
   @extend %titlebar;
 }
 
+// View switcher in headerbars
+headerbar stackswitcher { padding: 0; margin: 0; border-width: 0; }
+headerbar stackswitcher button {
+   border-radius: 0;
+   border-width: 0 1px 0;
+   padding-top: 12px; padding-bottom: 12px;
+   margin: 0;
+
+   &:active {
+      color: pink; //FIXME pushed buttons should be a tad darker perhaps
+   }
+}
+
 // Development versions of apps to use a differently styled headerbar
 
 window.devel {    
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index ebf62fcc7d..ebbcb48cf6 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -694,6 +694,12 @@ window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparen
 
 .titlebar:not(headerbar) > separator { background-color: #1b1f20; }
 
+headerbar stackswitcher { padding: 0; margin: 0; border-width: 0; }
+
+headerbar stackswitcher button { border-radius: 0; border-width: 0 1px 0; padding-top: 12px; padding-bottom: 
12px; margin: 0; }
+
+headerbar stackswitcher button:active { color: pink; }
+
 window.devel headerbar:last-child { background: transparent -gtk-icontheme("system-run-symbolic") 90% 
0/256px 256px no-repeat, linear-gradient(to left, #423a35 8%, #33393b 25%); color: rgba(238, 238, 236, 0.1); }
 
 window.devel headerbar:last-child label { color: #eeeeec; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index adb2f320bd..4f13e1b7a4 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -702,6 +702,12 @@ window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparen
 
 .titlebar:not(headerbar) > separator { background-color: #c6c6bf; }
 
+headerbar stackswitcher { padding: 0; margin: 0; border-width: 0; }
+
+headerbar stackswitcher button { border-radius: 0; border-width: 0 1px 0; padding-top: 12px; padding-bottom: 
12px; margin: 0; }
+
+headerbar stackswitcher button:active { color: pink; }
+
 window.devel headerbar:last-child { background: transparent -gtk-icontheme("system-run-symbolic") 90% 
0/256px 256px no-repeat, linear-gradient(to left, #e3ebf3 8%, #f6f6f5 25%); color: rgba(46, 52, 54, 0.1); }
 
 window.devel headerbar:last-child label { color: #2e3436; }