diff options
Diffstat (limited to 'common/gtk-3.0/3.16/_common.scss')
| -rw-r--r-- | common/gtk-3.0/3.16/_common.scss | 36 |
1 files changed, 19 insertions, 17 deletions
diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss index 444a4aa..237dc56 100644 --- a/common/gtk-3.0/3.16/_common.scss +++ b/common/gtk-3.0/3.16/_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 { @@ -1250,10 +1252,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); @@ -1263,22 +1266,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 { |