From 026f409ecbadfc23c90586e26d6758e1b700f535 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 16 Jul 2015 19:10:57 +0200 Subject: [PATCH] cleaner action button styling --- common/gtk-3.0/3.14/_colors.scss | 2 +- common/gtk-3.0/3.14/_common.scss | 56 +++--------- common/gtk-3.0/3.14/_drawing.scss | 16 +++- common/gtk-3.0/3.14/gtk-contained-dark.css | 88 +++++++++++-------- common/gtk-3.0/3.14/gtk-contained-darker.css | 88 +++++++++++-------- .../gtk-3.0/3.14/gtk-contained-solid-dark.css | 88 +++++++++++-------- .../3.14/gtk-contained-solid-darker.css | 88 +++++++++++-------- common/gtk-3.0/3.14/gtk-contained-solid.css | 88 +++++++++++-------- common/gtk-3.0/3.14/gtk-contained.css | 88 +++++++++++-------- common/gtk-3.0/3.16/_colors.scss | 2 +- common/gtk-3.0/3.16/_common.scss | 56 +++--------- common/gtk-3.0/3.16/_drawing.scss | 16 +++- common/gtk-3.0/3.16/gtk-contained-dark.css | 88 +++++++++++-------- common/gtk-3.0/3.16/gtk-contained-darker.css | 88 +++++++++++-------- .../gtk-3.0/3.16/gtk-contained-solid-dark.css | 88 +++++++++++-------- .../3.16/gtk-contained-solid-darker.css | 88 +++++++++++-------- common/gtk-3.0/3.16/gtk-contained-solid.css | 88 +++++++++++-------- common/gtk-3.0/3.16/gtk-contained.css | 88 +++++++++++-------- 18 files changed, 678 insertions(+), 526 deletions(-) diff --git a/common/gtk-3.0/3.14/_colors.scss b/common/gtk-3.0/3.14/_colors.scss index 939332b..c32b223 100644 --- a/common/gtk-3.0/3.14/_colors.scss +++ b/common/gtk-3.0/3.14/_colors.scss @@ -22,7 +22,7 @@ $warning_color: #F27835; $error_color: #FC4138; $success_color: #73d216; $destructive_color: #F04A50; -$suggested_color: #52A6E2; +$suggested_color: #4DADD4; $osd_fg_color: #A8ADB5; $osd_bg_color: transparentize(#3c4049, 0.05); diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/_common.scss index e926007..69830e2 100644 --- a/common/gtk-3.0/3.14/_common.scss +++ b/common/gtk-3.0/3.14/_common.scss @@ -510,11 +510,7 @@ $_dot_color: $selected_bg_color; @each $b_type, $b_color in (suggested-action, $suggested_color), (destructive-action, $destructive_color) { &.#{$b_type} { - background-clip: border-box; - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - 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%)); + @include button(suggested_destructive, $b_color); &.flat { @include button(undecorated); @@ -522,28 +518,16 @@ $_dot_color: $selected_bg_color; outline-color: transparentize($b_color, 0.7); } &:hover { - color: $selected_fg_color; - 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%)); + @include button(suggested_destructive, lighten($b_color, 10%)); } &:active, &:checked { - color: $selected_fg_color; - 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%)); + @include button(suggested_destructive, darken($b_color, 10%)); } &.flat:insensitive { - color: transparentize($b_color, 0.55); - } - &:insensitive { - color: transparentize($selected_fg_color, 0.4); - opacity: 0.75; - - &:active, &:checked { - - } + @include button(undecorated); + color: transparentize($b_color, 0.35); } + &:insensitive { opacity: 0.75; } } } @@ -1243,11 +1227,7 @@ 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: 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%)); + @include button(suggested_destructive, $b_color); &.flat { @include button(undecorated); @@ -1255,28 +1235,16 @@ GtkComboBox { outline-color: transparentize($b_color, 0.7); } &:hover { - color: $selected_fg_color; - 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%)); + @include button(suggested_destructive, lighten($b_color, 10%)); } &:active, &:checked { - color: $selected_fg_color; - 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%)); + @include button(suggested_destructive, darken($b_color, 10%)); } &.flat:insensitive { - color: transparentize($b_color, 0.55); - } - &:insensitive { - color: transparentize($selected_fg_color, 0.4); - opacity: 0.75; - - &:active, &:checked { - - } + @include button(undecorated); + color: transparentize($b_color, 0.35); } + &:insensitive { opacity: 0.75; } } .button.#{$b_type}:backdrop, .button.#{$b_type}:backdrop { diff --git a/common/gtk-3.0/3.14/_drawing.scss b/common/gtk-3.0/3.14/_drawing.scss index 431f03e..dd32535 100644 --- a/common/gtk-3.0/3.14/_drawing.scss +++ b/common/gtk-3.0/3.14/_drawing.scss @@ -118,12 +118,12 @@ // Buttons -@mixin button($t) { +@mixin button($t, $actionb_color:red) { // // Button drawing function // // $t: button type, -// +// $actionb_color: used for destructive and suggested action buttons @if $t==normal { // @@ -273,6 +273,18 @@ background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); } + @else if $t==suggested_destructive { + // + // suggested or destructive action buttons + // + background-clip: border-box; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: $actionb_color; + border-color: $actionb_color; + } + @else if $t==undecorated { // // reset diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css index 92ef59c..c278ae3 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-dark.css @@ -390,35 +390,39 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkFlowBox .grid-child { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -980,28 +988,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1011,8 +1023,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1032,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css index f695a87..8efb7d2 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-darker.css @@ -390,35 +390,39 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkFlowBox .grid-child { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -980,28 +988,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1011,8 +1023,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1032,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css index bedc050..ce02657 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css @@ -390,35 +390,39 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkFlowBox .grid-child { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -980,28 +988,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1011,8 +1023,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1032,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css index 056f12c..99c4e75 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css @@ -390,35 +390,39 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkFlowBox .grid-child { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -980,28 +988,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1011,8 +1023,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1032,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css index ddd6b80..05f86bf 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid.css @@ -390,35 +390,39 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkFlowBox .grid-child { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -980,28 +988,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1011,8 +1023,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1032,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css index 711e9b2..daa2d38 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -390,35 +390,39 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkFlowBox .grid-child { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -980,28 +988,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1011,8 +1023,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1032,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.16/_colors.scss b/common/gtk-3.0/3.16/_colors.scss index 939332b..c32b223 100644 --- a/common/gtk-3.0/3.16/_colors.scss +++ b/common/gtk-3.0/3.16/_colors.scss @@ -22,7 +22,7 @@ $warning_color: #F27835; $error_color: #FC4138; $success_color: #73d216; $destructive_color: #F04A50; -$suggested_color: #52A6E2; +$suggested_color: #4DADD4; $osd_fg_color: #A8ADB5; $osd_bg_color: transparentize(#3c4049, 0.05); diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss index c1c2057..3f394df 100644 --- a/common/gtk-3.0/3.16/_common.scss +++ b/common/gtk-3.0/3.16/_common.scss @@ -510,11 +510,7 @@ $_dot_color: $selected_bg_color; @each $b_type, $b_color in (suggested-action, $suggested_color), (destructive-action, $destructive_color) { &.#{$b_type} { - background-clip: border-box; - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - 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%)); + @include button(suggested_destructive, $b_color); &.flat { @include button(undecorated); @@ -522,28 +518,16 @@ $_dot_color: $selected_bg_color; outline-color: transparentize($b_color, 0.7); } &:hover { - color: $selected_fg_color; - 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%)); + @include button(suggested_destructive, lighten($b_color, 10%)); } &:active, &:checked { - color: $selected_fg_color; - 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%)); + @include button(suggested_destructive, darken($b_color, 10%)); } &.flat:insensitive { - color: transparentize($b_color, 0.55); - } - &:insensitive { - color: transparentize($selected_fg_color, 0.4); - opacity: 0.75; - - &:active, &:checked { - - } + @include button(undecorated); + color: transparentize($b_color, 0.35); } + &:insensitive { opacity: 0.75; } } } @@ -1252,11 +1236,7 @@ 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: 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%)); + @include button(suggested_destructive, $b_color); &.flat { @include button(undecorated); @@ -1264,28 +1244,16 @@ GtkComboBox { outline-color: transparentize($b_color, 0.7); } &:hover { - color: $selected_fg_color; - 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%)); + @include button(suggested_destructive, lighten($b_color, 10%)); } &:active, &:checked { - color: $selected_fg_color; - 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%)); + @include button(suggested_destructive, darken($b_color, 10%)); } &.flat:insensitive { - color: transparentize($b_color, 0.55); - } - &:insensitive { - color: transparentize($selected_fg_color, 0.4); - opacity: 0.75; - - &:active, &:checked { - - } + @include button(undecorated); + color: transparentize($b_color, 0.35); } + &:insensitive { opacity: 0.75; } } .button.#{$b_type}:backdrop, .button.#{$b_type}:backdrop { diff --git a/common/gtk-3.0/3.16/_drawing.scss b/common/gtk-3.0/3.16/_drawing.scss index 431f03e..dd32535 100644 --- a/common/gtk-3.0/3.16/_drawing.scss +++ b/common/gtk-3.0/3.16/_drawing.scss @@ -118,12 +118,12 @@ // Buttons -@mixin button($t) { +@mixin button($t, $actionb_color:red) { // // Button drawing function // // $t: button type, -// +// $actionb_color: used for destructive and suggested action buttons @if $t==normal { // @@ -273,6 +273,18 @@ background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); } + @else if $t==suggested_destructive { + // + // suggested or destructive action buttons + // + background-clip: border-box; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: $actionb_color; + border-color: $actionb_color; + } + @else if $t==undecorated { // // reset diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css index 7352a64..7f64b0d 100644 --- a/common/gtk-3.0/3.16/gtk-contained-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-dark.css @@ -390,35 +390,39 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkTextView { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -987,28 +995,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1018,8 +1030,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1027,19 +1039,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css index 06bb61b..5f13af0 100644 --- a/common/gtk-3.0/3.16/gtk-contained-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-darker.css @@ -390,35 +390,39 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkTextView { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -987,28 +995,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1018,8 +1030,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1027,19 +1039,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css index 6e1db32..cd6af48 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css @@ -390,35 +390,39 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkTextView { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -987,28 +995,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1018,8 +1030,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1027,19 +1039,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css index 8fa29ca..caf38d3 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css @@ -390,35 +390,39 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkTextView { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -987,28 +995,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1018,8 +1030,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1027,19 +1039,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css index eabf668..8a3f725 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid.css @@ -390,35 +390,39 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkTextView { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -987,28 +995,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1018,8 +1030,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1027,19 +1039,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css index 82cca4c..f4f2a89 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/gtk-contained.css @@ -390,35 +390,39 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -426,19 +430,23 @@ GtkTextView { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .button.image-button { padding: 8px; } @@ -987,28 +995,32 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; - background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } + background-color: #4DADD4; + border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #52A6E2; - outline-color: rgba(82, 166, 226, 0.3); } + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; - background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } + background-color: #76c0de; + border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; - background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + background-color: #2e96c0; + border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(82, 166, 226, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, @@ -1018,8 +1030,8 @@ GtkComboBox { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f26267 #F04A50 #ee3239 #F04A50; - background-image: linear-gradient(to bottom, #f26267, #ee3239); } + background-color: #F04A50; + border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1027,19 +1039,23 @@ GtkComboBox { color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f58387 #f2666b #f04a50 #f2666b; - background-image: linear-gradient(to bottom, #f58387, #f04a50); } + background-color: #f4797e; + border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed242c #F04A50 #f04f55 #F04A50; - background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + background-color: #ec1b22; + border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { - color: rgba(240, 74, 80, 0.45); } + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { - color: rgba(255, 255, 255, 0.6); opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,