Skip to content

Commit

Permalink
BUGfix: GTK3&4 - suggested button hover color
Browse files Browse the repository at this point in the history
  • Loading branch information
@thekomer
thekomer committed Jan 18, 2022
1 parent 0ec8f1a commit 0ca539c
Show file tree
Hide file tree
Showing 11 changed files with 79 additions and 78 deletions.
1 change: 1 addition & 0 deletions gtk-3.0/_colors.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,7 @@ $text_shadow_color: if($variant == 'dark', $shadow_color, transparentize(white,
$icon_shadow_color: $text_shadow_color;

$drop_target_color: transparentize($blue, 0.5);
//$drop_target_color: transparentize($red, 0.5);

// Infobar colors
$info_color: $orange;
Expand Down
2 changes: 1 addition & 1 deletion gtk-3.0/apps/_budgie.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -850,7 +850,7 @@ calendar.raven-calendar {
}
}

@each $b_type, $b_color in (suggested-action, $selected_bg_color),
@each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) {
&.#{$b_type} {
background-color: transparentize($b_color, 0.1);
Expand Down
36 changes: 18 additions & 18 deletions gtk-3.0/gtk-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -723,22 +723,22 @@ button.suggested-action {

button.suggested-action:hover {
color: white;
background: rgba(0, 193, 228, 0.5);
background: rgba(204, 85, 0, 0.5);
outline-color: rgba(255, 255, 255, 0.3);
text-shadow: none; }

button.suggested-action:active,
button.suggested-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
color: rgba(255, 255, 255, 0.4);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.selection-mode button.titlebutton:backdrop label,
button.suggested-action:backdrop label,
Expand All @@ -764,7 +764,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:disabled {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.selection-mode button.titlebutton:backdrop:disabled label,
button.suggested-action:backdrop:disabled label,
Expand All @@ -789,19 +789,19 @@ button.suggested-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(0, 193, 228, 0.8); }
color: rgba(204, 85, 0, 0.8); }

button.suggested-action:disabled {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }

button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
color: rgba(254, 254, 254, 0.7);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }

button.suggested-action:disabled:active label,
Expand All @@ -811,7 +811,7 @@ button.suggested-action {
button.suggested-action {
color: #fefefe;
border-color: rgba(255, 255, 255, 0.15);
background-color: rgba(0, 193, 228, 0.5);
background-color: rgba(204, 85, 0, 0.5);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
Expand All @@ -821,7 +821,7 @@ button.suggested-action {
button.suggested-action:hover {
color: white;
border-color: rgba(255, 255, 255, 0.15);
background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7));
background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.7), rgba(204, 85, 0, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
Expand Down Expand Up @@ -854,7 +854,7 @@ button.suggested-action {
button.suggested-action:backdrop {
color: #fefefe;
border-color: rgba(255, 255, 255, 0.15);
background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5));
background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.5), rgba(204, 85, 0, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
Expand Down Expand Up @@ -2525,20 +2525,20 @@ headerbar {
.titlebar button.suggested-action:hover,
headerbar button.suggested-action:hover {
color: white;
background: rgba(0, 193, 228, 0.5);
background: rgba(204, 85, 0, 0.5);
outline-color: rgba(255, 255, 255, 0.3);
text-shadow: none; }
.titlebar button.suggested-action:active,
headerbar button.suggested-action:active {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.titlebar button.suggested-action:disabled,
headerbar button.suggested-action:disabled {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.titlebar button.suggested-action:disabled label,
headerbar button.suggested-action:disabled label {
Expand All @@ -2547,14 +2547,14 @@ headerbar {
headerbar button.suggested-action:backdrop {
color: rgba(255, 255, 255, 0.4);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none;
border-radius: 3px; }
.titlebar button.suggested-action:backdrop:disabled,
headerbar button.suggested-action:backdrop:disabled {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.titlebar button.destructive-action,
headerbar button.destructive-action {
Expand Down Expand Up @@ -5571,11 +5571,11 @@ calendar.raven-calendar {
.budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label {
color: rgba(255, 255, 255, 0.5); }
.budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action {
background-color: rgba(255, 106, 0, 0.9); }
background-color: rgba(204, 85, 0, 0.9); }
.budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover {
background-color: rgba(255, 121, 26, 0.9); }
background-color: rgba(230, 95, 0, 0.9); }
.budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked {
background-color: rgba(255, 121, 26, 0.9); }
background-color: rgba(230, 95, 0, 0.9); }
.budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action {
background-color: rgba(204, 0, 0, 0.9); }
.budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover {
Expand Down
36 changes: 18 additions & 18 deletions gtk-3.0/gtk.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -723,22 +723,22 @@ button.suggested-action {

button.suggested-action:hover {
color: white;
background: rgba(0, 193, 228, 0.5);
background: rgba(204, 85, 0, 0.5);
outline-color: rgba(255, 255, 255, 0.3);
text-shadow: none; }

button.suggested-action:active,
button.suggested-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
color: rgba(255, 255, 255, 0.4);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.selection-mode button.titlebutton:backdrop label,
button.suggested-action:backdrop label,
Expand All @@ -764,7 +764,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:disabled {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.selection-mode button.titlebutton:backdrop:disabled label,
button.suggested-action:backdrop:disabled label,
Expand All @@ -789,19 +789,19 @@ button.suggested-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(0, 193, 228, 0.8); }
color: rgba(204, 85, 0, 0.8); }

button.suggested-action:disabled {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }

button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
color: rgba(254, 254, 254, 0.7);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }

button.suggested-action:disabled:active label,
Expand All @@ -811,7 +811,7 @@ button.suggested-action {
button.suggested-action {
color: #fefefe;
border-color: rgba(255, 255, 255, 0.15);
background-color: rgba(0, 193, 228, 0.5);
background-color: rgba(204, 85, 0, 0.5);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
Expand All @@ -821,7 +821,7 @@ button.suggested-action {
button.suggested-action:hover {
color: white;
border-color: rgba(255, 255, 255, 0.15);
background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7));
background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.7), rgba(204, 85, 0, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
Expand Down Expand Up @@ -854,7 +854,7 @@ button.suggested-action {
button.suggested-action:backdrop {
color: #fefefe;
border-color: rgba(255, 255, 255, 0.15);
background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5));
background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.5), rgba(204, 85, 0, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
Expand Down Expand Up @@ -2525,20 +2525,20 @@ headerbar {
.titlebar button.suggested-action:hover,
headerbar button.suggested-action:hover {
color: white;
background: rgba(0, 193, 228, 0.5);
background: rgba(204, 85, 0, 0.5);
outline-color: rgba(255, 255, 255, 0.3);
text-shadow: none; }
.titlebar button.suggested-action:active,
headerbar button.suggested-action:active {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.titlebar button.suggested-action:disabled,
headerbar button.suggested-action:disabled {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.titlebar button.suggested-action:disabled label,
headerbar button.suggested-action:disabled label {
Expand All @@ -2547,14 +2547,14 @@ headerbar {
headerbar button.suggested-action:backdrop {
color: rgba(255, 255, 255, 0.4);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none;
border-radius: 3px; }
.titlebar button.suggested-action:backdrop:disabled,
headerbar button.suggested-action:backdrop:disabled {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #00c1e4;
background-color: #cc5500;
text-shadow: none; }
.titlebar button.destructive-action,
headerbar button.destructive-action {
Expand Down Expand Up @@ -5571,11 +5571,11 @@ calendar.raven-calendar {
.budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label {
color: rgba(255, 255, 255, 0.5); }
.budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action {
background-color: rgba(255, 106, 0, 0.9); }
background-color: rgba(204, 85, 0, 0.9); }
.budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover {
background-color: rgba(255, 121, 26, 0.9); }
background-color: rgba(230, 95, 0, 0.9); }
.budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked {
background-color: rgba(255, 121, 26, 0.9); }
background-color: rgba(230, 95, 0, 0.9); }
.budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action {
background-color: rgba(204, 0, 0, 0.9); }
.budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover {
Expand Down
2 changes: 1 addition & 1 deletion gtk-3.0/widgets/_buttons.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -250,7 +250,7 @@ button {
}

// Suggested and Destructive Action buttons
@each $b_type, $b_color in (suggested-action, $cyan),
@each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) {
&.#{$b_type} {
border: none;
Expand Down
2 changes: 1 addition & 1 deletion gtk-3.0/widgets/_header-bars.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ headerbar {
}
}

@each $b_type, $b_color in (suggested-action, $cyan),
@each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) {
&.#{$b_type} {
font-weight: bold;
Expand Down
2 changes: 1 addition & 1 deletion gtk-4.0/apps/_budgie.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -850,7 +850,7 @@ calendar.raven-calendar {
}
}

@each $b_type, $b_color in (suggested-action, $selected_bg_color),
@each $b_type, $b_color in (suggested-action, $suggested_color),
(destructive-action, $destructive_color) {
&.#{$b_type} {
background-color: transparentize($b_color, 0.1);
Expand Down
Loading

0 comments on commit 0ca539c

Please sign in to comment.