[gtk/wip/jimmac/adwaita-3-32] Adwaita: headerbar buttons separators



commit 60c59167bc1321b909b5b1c2f40e836a5477a6c7
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Jan 16 13:00:58 2019 +0100

    Adwaita: headerbar buttons separators
    
    - make the border more aparent for when two :active buttons
      are neighboring (Builder panel toggles).

 gtk/theme/Adwaita/_common.scss           | 3 ++-
 gtk/theme/Adwaita/gtk-contained-dark.css | 2 +-
 gtk/theme/Adwaita/gtk-contained.css      | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index c200bc4d2a..8c0a2d8bde 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1672,7 +1672,8 @@ headerbar {
   button.toggle:checked {
     /* darken switchbuttons for headerbars. issue #1588 */
     background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%)));
-    border-top-color: darken($borders_color, 7%);
+    border-color: darken($borders_color, 3%);
+    border-top-color: darken($borders_color, 8%);
     &:backdrop {
       @include button(backdrop-active);
     }
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 6c5ad5713f..e1eab1a000 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -664,7 +664,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
 
 .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration 
button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
 
-.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, 
headerbar stackswitcher button:checked, headerbar button.toggle:checked { /* darken switchbuttons for 
headerbars. issue #1588 */ background: image(#282828); border-top-color: #141314; }
+.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, 
headerbar stackswitcher button:checked, headerbar button.toggle:checked { /* darken switchbuttons for 
headerbars. issue #1588 */ background: image(#282828); border-color: #1e1e1e; border-top-color: #111111; }
 
 .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) 
button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar 
button.toggle:checked:backdrop { border-color: #2a2a2b; background-image: image(#323233); box-shadow: inset 0 
1px rgba(255, 255, 255, 0); }
 
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 52444b2eae..02ae206a86 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -672,7 +672,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
 
 .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration 
button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
 
-.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, 
headerbar stackswitcher button:checked, headerbar button.toggle:checked { /* darken switchbuttons for 
headerbars. issue #1588 */ background: image(#cfcac4); border-top-color: #bdb5ae; }
+.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, 
headerbar stackswitcher button:checked, headerbar button.toggle:checked { /* darken switchbuttons for 
headerbars. issue #1588 */ background: image(#cfcac4); border-color: #c6bfb9; border-top-color: #bab3ab; }
 
 .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) 
button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar 
button.toggle:checked:backdrop { border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 
1px rgba(255, 255, 255, 0); }
 


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]