aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0/3.14/_common.scss
diff options
context:
space:
mode:
Diffstat (limited to 'common/gtk-3.0/3.14/_common.scss')
-rw-r--r--common/gtk-3.0/3.14/_common.scss36
1 files changed, 19 insertions, 17 deletions
diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/_common.scss
index 5d10ef0..9169dd9 100644
--- a/common/gtk-3.0/3.14/_common.scss
+++ b/common/gtk-3.0/3.14/_common.scss
@@ -513,30 +513,32 @@ $_dot_color: $selected_bg_color;
background-clip: border-box;
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
- border-color: $b_color;
- background-color: $b_color;
+ border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
+ background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
&.flat {
@include button(undecorated);
color: $b_color;
+ outline-color: transparentize($b_color, 0.7);
}
&:hover {
color: $selected_fg_color;
- border-color: lighten($b_color, 9%);
- background-color: lighten($b_color, 9%);
+ outline-color: transparentize($selected_fg_color, 0.7);
+ border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%);
+ background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%));
}
&:active, &:checked {
color: $selected_fg_color;
- border-color: darken($b_color, 7%);
- background-color: darken($b_color, 7%);
+ outline-color: transparentize($selected_fg_color, 0.7);
+ border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color;
+ background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%));
}
&.flat:insensitive {
-
+ color: transparentize($b_color, 0.55);
}
&:insensitive {
color: transparentize($selected_fg_color, 0.4);
- border-color: transparentize($b_color, 0.35);
- background-color: transparentize($b_color, 0.35);
+ opacity: 0.75;
&:active, &:checked {
@@ -1241,10 +1243,11 @@ GtkComboBox {
@each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) {
.button.#{$b_type} {
+ background-clip: border-box;
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
- border-color: $b_color;
- background-color: $b_color;
+ border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
+ background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
&.flat {
@include button(undecorated);
@@ -1254,22 +1257,21 @@ GtkComboBox {
&:hover {
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
- border-color: lighten($b_color, 9%);
- background-color: lighten($b_color, 9%);
+ border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%);
+ background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%));
}
&:active, &:checked {
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
- border-color: darken($b_color, 7%);
- background-color: darken($b_color, 7%);
+ border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color;
+ background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%));
}
&.flat:insensitive {
color: transparentize($b_color, 0.55);
}
&:insensitive {
color: transparentize($selected_fg_color, 0.4);
- border-color: transparentize($b_color, 0.35);
- background-color: transparentize($b_color, 0.35);
+ opacity: 0.75;
&:active, &:checked {