From 67ee53d2ea2dda46d33dae2a6514574bfa1dc41a Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 15 Jul 2015 15:39:14 +0200 Subject: tweak destructive and suggested buttons again --- common/gtk-3.0/3.14/_colors.scss | 2 +- common/gtk-3.0/3.14/_common.scss | 36 +++++----- common/gtk-3.0/3.14/gtk-contained-dark.css | 82 ++++++++++++---------- common/gtk-3.0/3.14/gtk-contained-darker.css | 82 ++++++++++++---------- common/gtk-3.0/3.14/gtk-contained-solid-dark.css | 82 ++++++++++++---------- common/gtk-3.0/3.14/gtk-contained-solid-darker.css | 82 ++++++++++++---------- common/gtk-3.0/3.14/gtk-contained-solid.css | 82 ++++++++++++---------- common/gtk-3.0/3.14/gtk-contained.css | 82 ++++++++++++---------- common/gtk-3.0/3.16/_colors.scss | 2 +- common/gtk-3.0/3.16/_common.scss | 36 +++++----- common/gtk-3.0/3.16/gtk-contained-dark.css | 82 ++++++++++++---------- common/gtk-3.0/3.16/gtk-contained-darker.css | 82 ++++++++++++---------- common/gtk-3.0/3.16/gtk-contained-solid-dark.css | 82 ++++++++++++---------- common/gtk-3.0/3.16/gtk-contained-solid-darker.css | 82 ++++++++++++---------- common/gtk-3.0/3.16/gtk-contained-solid.css | 82 ++++++++++++---------- common/gtk-3.0/3.16/gtk-contained.css | 82 ++++++++++++---------- 16 files changed, 580 insertions(+), 480 deletions(-) (limited to 'common') diff --git a/common/gtk-3.0/3.14/_colors.scss b/common/gtk-3.0/3.14/_colors.scss index b2768be..939332b 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: #49C98D; +$suggested_color: #52A6E2; $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 5d10ef0..9169dd9 100644 --- a/common/gtk-3.0/3.14/_common.scss +++ b/common/gtk-3.0/3.14/_common.scss @@ -513,30 +513,32 @@ $_dot_color: $selected_bg_color; background-clip: border-box; color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); - border-color: $b_color; - background-color: $b_color; + border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color; + background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%)); &.flat { @include button(undecorated); color: $b_color; + outline-color: transparentize($b_color, 0.7); } &:hover { color: $selected_fg_color; - border-color: lighten($b_color, 9%); - background-color: lighten($b_color, 9%); + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%); + background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%)); } &:active, &:checked { color: $selected_fg_color; - border-color: darken($b_color, 7%); - background-color: darken($b_color, 7%); + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color; + background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%)); } &.flat:insensitive { - + color: transparentize($b_color, 0.55); } &:insensitive { color: transparentize($selected_fg_color, 0.4); - border-color: transparentize($b_color, 0.35); - background-color: transparentize($b_color, 0.35); + opacity: 0.75; &:active, &:checked { @@ -1241,10 +1243,11 @@ GtkComboBox { @each $b_type, $b_color in (suggested-action, $suggested_color), (destructive-action, $destructive_color) { .button.#{$b_type} { + background-clip: border-box; color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); - border-color: $b_color; - background-color: $b_color; + border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color; + background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%)); &.flat { @include button(undecorated); @@ -1254,22 +1257,21 @@ GtkComboBox { &:hover { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($b_color, 9%); - background-color: lighten($b_color, 9%); + border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%); + background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%)); } &:active, &:checked { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($b_color, 7%); - background-color: darken($b_color, 7%); + border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color; + background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%)); } &.flat:insensitive { color: transparentize($b_color, 0.55); } &:insensitive { color: transparentize($selected_fg_color, 0.4); - border-color: transparentize($b_color, 0.35); - background-color: transparentize($b_color, 0.35); + opacity: 0.75; &:active, &:checked { 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 5e5e9be..e74b553 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-dark.css @@ -390,48 +390,56 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -969,41 +977,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1013,19 +1022,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 bda733e..0491746 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-darker.css @@ -390,48 +390,56 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -969,41 +977,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1013,19 +1022,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 979e46e..999e921 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,48 +390,56 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -969,41 +977,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1013,19 +1022,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 9bce4a7..4afb197 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,48 +390,56 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -969,41 +977,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1013,19 +1022,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 a4d2886..2556cc3 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid.css @@ -390,48 +390,56 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -969,41 +977,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1013,19 +1022,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 1a5e28e..c754906 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -390,48 +390,56 @@ GtkFlowBox .grid-child { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -969,41 +977,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1013,19 +1022,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 b2768be..939332b 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: #49C98D; +$suggested_color: #52A6E2; $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 444a4aa..237dc56 100644 --- a/common/gtk-3.0/3.16/_common.scss +++ b/common/gtk-3.0/3.16/_common.scss @@ -513,30 +513,32 @@ $_dot_color: $selected_bg_color; background-clip: border-box; color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); - border-color: $b_color; - background-color: $b_color; + border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color; + background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%)); &.flat { @include button(undecorated); color: $b_color; + outline-color: transparentize($b_color, 0.7); } &:hover { color: $selected_fg_color; - border-color: lighten($b_color, 9%); - background-color: lighten($b_color, 9%); + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%); + background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%)); } &:active, &:checked { color: $selected_fg_color; - border-color: darken($b_color, 7%); - background-color: darken($b_color, 7%); + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color; + background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%)); } &.flat:insensitive { - + color: transparentize($b_color, 0.55); } &:insensitive { color: transparentize($selected_fg_color, 0.4); - border-color: transparentize($b_color, 0.35); - background-color: transparentize($b_color, 0.35); + opacity: 0.75; &:active, &:checked { @@ -1250,10 +1252,11 @@ GtkComboBox { @each $b_type, $b_color in (suggested-action, $suggested_color), (destructive-action, $destructive_color) { .button.#{$b_type} { + background-clip: border-box; color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); - border-color: $b_color; - background-color: $b_color; + border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color; + background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%)); &.flat { @include button(undecorated); @@ -1263,22 +1266,21 @@ GtkComboBox { &:hover { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($b_color, 9%); - background-color: lighten($b_color, 9%); + border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%); + background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%)); } &:active, &:checked { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($b_color, 7%); - background-color: darken($b_color, 7%); + border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color; + background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%)); } &.flat:insensitive { color: transparentize($b_color, 0.55); } &:insensitive { color: transparentize($selected_fg_color, 0.4); - border-color: transparentize($b_color, 0.35); - background-color: transparentize($b_color, 0.35); + opacity: 0.75; &:active, &:checked { 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 477b983..3ce1132 100644 --- a/common/gtk-3.0/3.16/gtk-contained-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-dark.css @@ -390,48 +390,56 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -976,41 +984,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1029,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 bd9b13c..d93e76f 100644 --- a/common/gtk-3.0/3.16/gtk-contained-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-darker.css @@ -390,48 +390,56 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -976,41 +984,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1029,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 500a8d1..f9d4c94 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,48 +390,56 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -976,41 +984,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1029,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 975abe6..e717a71 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,48 +390,56 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -976,41 +984,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1029,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 de26107..6eb4faa 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid.css @@ -390,48 +390,56 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -976,41 +984,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1029,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .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 876dda5..9bd737d 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/gtk-contained.css @@ -390,48 +390,56 @@ GtkTextView { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .button.suggested-action:hover { color: #ffffff; - border-color: #6cd4a3; - background-color: #6cd4a3; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .button.suggested-action:active, .button.suggested-action:checked { color: #ffffff; - border-color: #37b87b; - background-color: #37b87b; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } + .button.suggested-action.flat:insensitive { + color: rgba(82, 166, 226, 0.45); } .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .button.destructive-action { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #F04A50; } + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { color: #ffffff; - border-color: #f47479; - background-color: #f47479; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .button.destructive-action:active, .button.destructive-action:checked { color: #ffffff; - border-color: #ed2930; - background-color: #ed2930; } + outline-color: rgba(255, 255, 255, 0.3); + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } + .button.destructive-action.flat:insensitive { + color: rgba(240, 74, 80, 0.45); } .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .button.image-button { padding: 8px; } .header-bar .button.image-button { @@ -976,41 +984,42 @@ GtkComboBox { border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #49C98D; - background-color: #49C98D; } + border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; + background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #49C98D; - outline-color: rgba(73, 201, 141, 0.3); } + color: #52A6E2; + outline-color: rgba(82, 166, 226, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #6cd4a3; - background-color: #6cd4a3; } + border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; + background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37b87b; - background-color: #37b87b; } + border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; + background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { - color: rgba(73, 201, 141, 0.45); } + color: rgba(82, 166, 226, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(73, 201, 141, 0.65); - background-color: rgba(73, 201, 141, 0.65); } + opacity: 0.75; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; - background-color: #F04A50; } + border-color: #f26267 #F04A50 #ee3239 #F04A50; + background-image: linear-gradient(to bottom, #f26267, #ee3239); } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -1020,19 +1029,18 @@ GtkComboBox { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; } + border-color: #f58387 #f2666b #f04a50 #f2666b; + background-image: linear-gradient(to bottom, #f58387, #f04a50); } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; } + border-color: #ed242c #F04A50 #f04f55 #F04A50; + background-image: linear-gradient(to bottom, #ed242c, #f04f55); } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { color: rgba(240, 74, 80, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); - border-color: rgba(240, 74, 80, 0.65); - background-color: rgba(240, 74, 80, 0.65); } + opacity: 0.75; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { -- cgit v1.2.3