summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJakub Steiner <jimmac@gmail.com>2018-01-08 16:09:22 +0100
committerJakub Steiner <jimmac@gmail.com>2018-01-08 16:09:22 +0100
commitd99251d5658a142a84e79dbf386dd358eae58283 (patch)
treef36742442ff1d5c484a8469eb98ee6b8c10c6b8d
parenta9499dbe48e224a96733e176710b3f9c9d195447 (diff)
downloadgtk+-d99251d5658a142a84e79dbf386dd358eae58283.tar.gz
adwaita: flat theme societywip/jimmac/adwaita-martini
- initial stab at simplifying buttons
-rw-r--r--gtk/theme/Adwaita/_common.scss4
-rw-r--r--gtk/theme/Adwaita/_drawing.scss47
2 files changed, 15 insertions, 36 deletions
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 989d07961e..df83b80557 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1438,7 +1438,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;
@@ -3661,7 +3661,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 6e808b3e77..d12924c218 100644
--- a/gtk/theme/Adwaita/_drawing.scss
+++ b/gtk/theme/Adwaita/_drawing.scss
@@ -191,39 +191,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
//
@@ -275,15 +260,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 {
@@ -499,14 +478,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) {