Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2025-06-13 12:53:52 +00:00
Code Issues Projects Releases Wiki Activity

cleaner action button styling

Browse Source
This commit is contained in:
Horst3180 2015-07-16 19:10:57 +02:00
parent f073c56bfc
commit 026f409ecb
18 changed files with 678 additions and 526 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
common/gtk-3.0/3.14/_colors.scss
View File

@ -22,7 +22,7 @@ $warning_color: #F27835;
$error_color: #FC4138; $error_color: #FC4138;
$success_color: #73d216; $success_color: #73d216;
$destructive_color: #F04A50; $destructive_color: #F04A50;
$suggested_color: #52A6E2; $suggested_color: #4DADD4;
$osd_fg_color: #A8ADB5; $osd_fg_color: #A8ADB5;
$osd_bg_color: transparentize(#3c4049, 0.05); $osd_bg_color: transparentize(#3c4049, 0.05);

56
common/gtk-3.0/3.14/_common.scss
View File

@ -510,11 +510,7 @@ $_dot_color: $selected_bg_color;
@each $b_type, $b_color in (suggested-action, $suggested_color), @each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) { (destructive-action, $destructive_color) {
&.#{$b_type} { &.#{$b_type} {
background-clip: border-box; @include button(suggested_destructive, $b_color);
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
&.flat { &.flat {
@include button(undecorated); @include button(undecorated);
@ -522,28 +518,16 @@ $_dot_color: $selected_bg_color;
outline-color: transparentize($b_color, 0.7); outline-color: transparentize($b_color, 0.7);
} }
&:hover { &:hover {
color: $selected_fg_color; @include button(suggested_destructive, lighten($b_color, 10%));
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 { &:active, &:checked {
color: $selected_fg_color; @include button(suggested_destructive, darken($b_color, 10%));
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 { &.flat:insensitive {
color: transparentize($b_color, 0.55); @include button(undecorated);
} color: transparentize($b_color, 0.35);
&:insensitive {
color: transparentize($selected_fg_color, 0.4);
opacity: 0.75;
&:active, &:checked {
}
} }
&:insensitive { opacity: 0.75; }
} }
} }
@ -1243,11 +1227,7 @@ GtkComboBox {
@each $b_type, $b_color in (suggested-action, $suggested_color), @each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) { (destructive-action, $destructive_color) {
.button.#{$b_type} { .button.#{$b_type} {
background-clip: border-box; @include button(suggested_destructive, $b_color);
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
&.flat { &.flat {
@include button(undecorated); @include button(undecorated);
@ -1255,28 +1235,16 @@ GtkComboBox {
outline-color: transparentize($b_color, 0.7); outline-color: transparentize($b_color, 0.7);
} }
&:hover { &:hover {
color: $selected_fg_color; @include button(suggested_destructive, lighten($b_color, 10%));
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 { &:active, &:checked {
color: $selected_fg_color; @include button(suggested_destructive, darken($b_color, 10%));
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 { &.flat:insensitive {
color: transparentize($b_color, 0.55); @include button(undecorated);
} color: transparentize($b_color, 0.35);
&:insensitive {
color: transparentize($selected_fg_color, 0.4);
opacity: 0.75;
&:active, &:checked {
}
} }
&:insensitive { opacity: 0.75; }
} }
.button.#{$b_type}:backdrop, .button.#{$b_type}:backdrop,
.button.#{$b_type}:backdrop { .button.#{$b_type}:backdrop {

16
common/gtk-3.0/3.14/_drawing.scss
View File

@ -118,12 +118,12 @@
// Buttons // Buttons
@mixin button($t) { @mixin button($t, $actionb_color:red) {
// //
// Button drawing function // Button drawing function
// //
// $t: button type, // $t: button type,
// // $actionb_color: used for destructive and suggested action buttons
@if $t==normal { @if $t==normal {
// //
@ -273,6 +273,18 @@
background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); background-image: linear-gradient(to bottom, $osd_insensitive_bg_color);
} }
@else if $t==suggested_destructive {
//
// suggested or destructive action buttons
//
background-clip: border-box;
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
background-color: $actionb_color;
border-color: $actionb_color;
}
@else if $t==undecorated { @else if $t==undecorated {
// //
// reset // reset

88
common/gtk-3.0/3.14/gtk-contained-dark.css
View File

@ -390,35 +390,39 @@ GtkFlowBox .grid-child {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkFlowBox .grid-child {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -980,28 +988,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1011,8 +1023,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1020,19 +1032,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.14/gtk-contained-darker.css
View File

@ -390,35 +390,39 @@ GtkFlowBox .grid-child {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkFlowBox .grid-child {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -980,28 +988,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1011,8 +1023,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1020,19 +1032,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.14/gtk-contained-solid-dark.css
View File

@ -390,35 +390,39 @@ GtkFlowBox .grid-child {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkFlowBox .grid-child {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -980,28 +988,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1011,8 +1023,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1020,19 +1032,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.14/gtk-contained-solid-darker.css
View File

@ -390,35 +390,39 @@ GtkFlowBox .grid-child {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkFlowBox .grid-child {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -980,28 +988,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1011,8 +1023,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1020,19 +1032,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.14/gtk-contained-solid.css
View File

@ -390,35 +390,39 @@ GtkFlowBox .grid-child {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkFlowBox .grid-child {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -980,28 +988,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1011,8 +1023,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1020,19 +1032,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.14/gtk-contained.css
View File

@ -390,35 +390,39 @@ GtkFlowBox .grid-child {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkFlowBox .grid-child {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -980,28 +988,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1011,8 +1023,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1020,19 +1032,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

2
common/gtk-3.0/3.16/_colors.scss
View File

@ -22,7 +22,7 @@ $warning_color: #F27835;
$error_color: #FC4138; $error_color: #FC4138;
$success_color: #73d216; $success_color: #73d216;
$destructive_color: #F04A50; $destructive_color: #F04A50;
$suggested_color: #52A6E2; $suggested_color: #4DADD4;
$osd_fg_color: #A8ADB5; $osd_fg_color: #A8ADB5;
$osd_bg_color: transparentize(#3c4049, 0.05); $osd_bg_color: transparentize(#3c4049, 0.05);

56
common/gtk-3.0/3.16/_common.scss
View File

@ -510,11 +510,7 @@ $_dot_color: $selected_bg_color;
@each $b_type, $b_color in (suggested-action, $suggested_color), @each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) { (destructive-action, $destructive_color) {
&.#{$b_type} { &.#{$b_type} {
background-clip: border-box; @include button(suggested_destructive, $b_color);
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
&.flat { &.flat {
@include button(undecorated); @include button(undecorated);
@ -522,28 +518,16 @@ $_dot_color: $selected_bg_color;
outline-color: transparentize($b_color, 0.7); outline-color: transparentize($b_color, 0.7);
} }
&:hover { &:hover {
color: $selected_fg_color; @include button(suggested_destructive, lighten($b_color, 10%));
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 { &:active, &:checked {
color: $selected_fg_color; @include button(suggested_destructive, darken($b_color, 10%));
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 { &.flat:insensitive {
color: transparentize($b_color, 0.55); @include button(undecorated);
} color: transparentize($b_color, 0.35);
&:insensitive {
color: transparentize($selected_fg_color, 0.4);
opacity: 0.75;
&:active, &:checked {
}
} }
&:insensitive { opacity: 0.75; }
} }
} }
@ -1252,11 +1236,7 @@ GtkComboBox {
@each $b_type, $b_color in (suggested-action, $suggested_color), @each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) { (destructive-action, $destructive_color) {
.button.#{$b_type} { .button.#{$b_type} {
background-clip: border-box; @include button(suggested_destructive, $b_color);
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
&.flat { &.flat {
@include button(undecorated); @include button(undecorated);
@ -1264,28 +1244,16 @@ GtkComboBox {
outline-color: transparentize($b_color, 0.7); outline-color: transparentize($b_color, 0.7);
} }
&:hover { &:hover {
color: $selected_fg_color; @include button(suggested_destructive, lighten($b_color, 10%));
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 { &:active, &:checked {
color: $selected_fg_color; @include button(suggested_destructive, darken($b_color, 10%));
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 { &.flat:insensitive {
color: transparentize($b_color, 0.55); @include button(undecorated);
} color: transparentize($b_color, 0.35);
&:insensitive {
color: transparentize($selected_fg_color, 0.4);
opacity: 0.75;
&:active, &:checked {
}
} }
&:insensitive { opacity: 0.75; }
} }
.button.#{$b_type}:backdrop, .button.#{$b_type}:backdrop,
.button.#{$b_type}:backdrop { .button.#{$b_type}:backdrop {

16
common/gtk-3.0/3.16/_drawing.scss
View File

@ -118,12 +118,12 @@
// Buttons // Buttons
@mixin button($t) { @mixin button($t, $actionb_color:red) {
// //
// Button drawing function // Button drawing function
// //
// $t: button type, // $t: button type,
// // $actionb_color: used for destructive and suggested action buttons
@if $t==normal { @if $t==normal {
// //
@ -273,6 +273,18 @@
background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); background-image: linear-gradient(to bottom, $osd_insensitive_bg_color);
} }
@else if $t==suggested_destructive {
//
// suggested or destructive action buttons
//
background-clip: border-box;
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
background-color: $actionb_color;
border-color: $actionb_color;
}
@else if $t==undecorated { @else if $t==undecorated {
// //
// reset // reset

88
common/gtk-3.0/3.16/gtk-contained-dark.css
View File

@ -390,35 +390,39 @@ GtkTextView {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkTextView {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -987,28 +995,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1018,8 +1030,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1027,19 +1039,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.16/gtk-contained-darker.css
View File

@ -390,35 +390,39 @@ GtkTextView {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkTextView {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -987,28 +995,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1018,8 +1030,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1027,19 +1039,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.16/gtk-contained-solid-dark.css
View File

@ -390,35 +390,39 @@ GtkTextView {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkTextView {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -987,28 +995,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1018,8 +1030,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1027,19 +1039,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.16/gtk-contained-solid-darker.css
View File

@ -390,35 +390,39 @@ GtkTextView {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkTextView {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -987,28 +995,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1018,8 +1030,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1027,19 +1039,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.16/gtk-contained-solid.css
View File

@ -390,35 +390,39 @@ GtkTextView {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkTextView {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -987,28 +995,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1018,8 +1030,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1027,19 +1039,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,

88
common/gtk-3.0/3.16/gtk-contained.css
View File

@ -390,35 +390,39 @@ GtkTextView {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.button.suggested-action.flat { .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover { .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked { .button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.button.suggested-action.flat:insensitive { .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.destructive-action { .button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.button.destructive-action.flat { .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -426,19 +430,23 @@ GtkTextView {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover { .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked { .button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.button.destructive-action.flat:insensitive { .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } opacity: 0.75; }
.button.image-button { .button.image-button {
padding: 8px; } padding: 8px; }
@ -987,28 +995,32 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2; background-color: #4DADD4;
background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); } border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #52A6E2; color: #4DADD4;
outline-color: rgba(82, 166, 226, 0.3); } outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6; background-color: #76c0de;
background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); } border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2; background-color: #2e96c0;
background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); } border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
color: rgba(82, 166, 226, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop,
@ -1018,8 +1030,8 @@ GtkComboBox {
background-clip: border-box; background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f26267 #F04A50 #ee3239 #F04A50; background-color: #F04A50;
background-image: linear-gradient(to bottom, #f26267, #ee3239); } border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1027,19 +1039,23 @@ GtkComboBox {
color: #F04A50; color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); } outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #f58387 #f2666b #f04a50 #f2666b; background-color: #f4797e;
background-image: linear-gradient(to bottom, #f58387, #f04a50); } border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ed242c #F04A50 #f04f55 #F04A50; background-color: #ec1b22;
background-image: linear-gradient(to bottom, #ed242c, #f04f55); } border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
color: rgba(240, 74, 80, 0.45); } border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
color: rgba(255, 255, 255, 0.6);
opacity: 0.75; } 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,
.primary-toolbar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop,