[gtk/wip/jimmac/push-my-buttons: 1/4] adwaita: flat theme society



commit 12fdc35b2873415aea84d7d6b3b32aab1921bbd8
Author: Jakub Steiner <jimmac gmail com>
Date:   Mon Jan 8 16:09:22 2018 +0100

    adwaita: flat theme society
    
    - initial stab at simplifying buttons

 gtk/theme/Adwaita/_common.scss  |  4 ++--
 gtk/theme/Adwaita/_drawing.scss | 47 ++++++++++++-----------------------------
 2 files changed, 15 insertions(+), 36 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 5fd176598b..49936c4187 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1468,7 +1468,7 @@ headerbar {
   min-height: 46px;
   border-width: 0 0 1px;
   border-style: solid;
-  border-color: $alt_borders_color;
+  border-color: $borders_color;
   border-radius: 0;
 
   @include headerbar_fill;
@@ -3698,7 +3698,7 @@ row {
  * Expanders *
  *************/
 expander {
-  title > arrow {
+  arrow {
     min-width: 16px;
     min-height: 16px;
     -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss
index f512934229..bce1c35666 100644
--- a/gtk/theme/Adwaita/_drawing.scss
+++ b/gtk/theme/Adwaita/_drawing.scss
@@ -192,39 +192,24 @@
   //
   // normal button
   //
+
     color: $tc;
-    outline-color: transparentize($tc, 0.7);
-    border-color: if($c != $bg_color, _border_color($c), $borders_color);
-    border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
-    $button_fill: if($variant == 'light', linear-gradient(to bottom, $c, darken($c, 4%) 60%, darken($c, 
10%)),
-                                          linear-gradient(to bottom, darken($c, 2%), darken($c, 4%) 60%, 
darken($c, 6%))) !global;
-    background-image: $button_fill;
-    @include _button_text_shadow($tc, $c);
-    @include _shadows(inset 0 1px $_hilight_color, $_button_edge);
+    border-color: darken($c,25%);
+    background-image: image(darken($c, 3%));
+    box-shadow: inset 0 -2px mix($c, darken($c,25%), 65%);
   }
 
   @else if $t==hover {
   //
   // hovered button
   //
-    color: $tc;
-    outline-color: transparentize($tc, 0.7);
-    border-color: if($c != $bg_color, _border_color($c), $borders_color);
-    border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
-    @if $variant == 'light' {
-      $button_fill: linear-gradient(to bottom, lighten($c, 6%), $c 60%, darken($c, 4%)) !global;
-      @include _button_text_shadow($tc, lighten($c, 6%));
-      @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge);
-    }
-    @else {
-      $button_fill: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 60%, darken($c, 4%)) !global;
-      @include _button_text_shadow($tc,lighten($c, 6%));
-      @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge);
-    }
-    background-image: $button_fill;
+    background-image: image(lighten($c, 2%));
+    box-shadow: inset 0 -2px mix($c, darken($c,25%), 70%);
+
   }
 
-  @if $t==normal-alt {
+  
+@if $t==normal-alt {
   //
   // normal button alternative look
   //
@@ -276,15 +261,9 @@
   //
   // pushed button
   //
-    color: $tc;
-    outline-color: transparentize($tc, 0.7);
-    border-color: if($c != $bg_color, _border_color($c), $borders_color);
-    $button_fill: image(darken($c, 6%)) !global;
-    background-image: $button_fill;
-    @include _shadows(inset 0 1px transparentize($_hilight_color, 1), $_button_edge);
 
-    text-shadow: none;
-    -gtk-icon-shadow: none;
+     background-image: image(mix($c, darken($c,25%), 55%));
+     box-shadow: none;
   }
 
   @else if $t==insensitive {
@@ -500,14 +479,14 @@
 // $hc: top highlight color
 // $ov: a background layer for background shorthand (hence no commas!)
 //
-  $gradient: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px);
+  $gradient: image($c);
 
   @if $variant == 'dark' { $gradient: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); }
 
   @if $ov != none { background: $c $ov, $gradient; }
   @else { background: $c $gradient; }
 
-  box-shadow: inset 0 1px $hc; // top highlight
+//  box-shadow: inset 0 1px $hc; // top highlight
 }
 
 @mixin overshoot($p, $t:normal, $c:$fg_color) {


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