Skip to content

Commit

Permalink
BUGfix: GTK3&4 - titlebar linked buttons shadow is purple
Browse files Browse the repository at this point in the history
  • Loading branch information
@thekomer
thekomer committed Jan 23, 2022
1 parent ecb47fd commit 04aaffe
Show file tree
Hide file tree
Showing 6 changed files with 36 additions and 30 deletions.
11 changes: 6 additions & 5 deletions gtk-3.0/gtk-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2659,20 +2659,21 @@ headerbar {
.titlebar .linked > button:active,
headerbar .linked > button:active {
background: linear-gradient(to right, #ff3300, #ffa100);
color: snow; }
color: #fefefe; }
.titlebar .linked > button:checked,
headerbar .linked > button:checked {
border-radius: 1em;
background: linear-gradient(to right, #ff3300, #ffa100);
box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
color: snow; }
box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98);
color: #fefefe; }
.titlebar .linked > button:checked:backdrop,
headerbar .linked > button:checked:backdrop {
box-shadow: none;
background: rgba(255, 106, 0, 0.6);
color: #ffe6e6; }
color: rgba(254, 254, 254, 0.5); }
.titlebar .linked > button:checked:backdrop label,
headerbar .linked > button:checked:backdrop label {
color: #ffe6e6; }
color: rgba(254, 254, 254, 0.5); }
.selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
Expand Down
11 changes: 6 additions & 5 deletions gtk-3.0/gtk.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2659,20 +2659,21 @@ headerbar {
.titlebar .linked > button:active,
headerbar .linked > button:active {
background: linear-gradient(to right, #ff3300, #ffa100);
color: snow; }
color: #fefefe; }
.titlebar .linked > button:checked,
headerbar .linked > button:checked {
border-radius: 1em;
background: linear-gradient(to right, #ff3300, #ffa100);
box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
color: snow; }
box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98);
color: #fefefe; }
.titlebar .linked > button:checked:backdrop,
headerbar .linked > button:checked:backdrop {
box-shadow: none;
background: rgba(255, 106, 0, 0.6);
color: #ffe6e6; }
color: rgba(254, 254, 254, 0.5); }
.titlebar .linked > button:checked:backdrop label,
headerbar .linked > button:checked:backdrop label {
color: #ffe6e6; }
color: rgba(254, 254, 254, 0.5); }
.selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
Expand Down
11 changes: 6 additions & 5 deletions gtk-3.0/widgets/_header-bars.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,19 +163,20 @@ headerbar {
.linked > button:active{
@extend %linked-header;
background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end) ;
color: rgb(255, 250, 250);
color: $selected_fg_color;
}
.linked > button:checked{
@extend %linked-header;
border-radius: 1em; // 23px;
background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end);
box-shadow: 0px 0px 5px transparentize(#c50ed2, 0.02);
color: rgb(255, 250, 250);
box-shadow: 0px 0px 5px transparentize($selected_bg_color, 0.02);
color: $selected_fg_color;
&:backdrop{
box-shadow: none;
background: $backdrop_selected_bg_color;
color: darken(rgb(255, 250, 250), 4%);
color: $backdrop_selected_fg_color;
label{
color: darken(rgb(255, 250, 250), 4%);;
color: $backdrop_selected_fg_color;
}
}
}
Expand Down
11 changes: 6 additions & 5 deletions gtk-4.0/gtk-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2635,20 +2635,21 @@ headerbar {
.titlebar .linked > button:active,
headerbar .linked > button:active {
background: linear-gradient(to right, #ff3300, #ffa100);
color: snow; }
color: #fefefe; }
.titlebar .linked > button:checked,
headerbar .linked > button:checked {
border-radius: 1em;
background: linear-gradient(to right, #ff3300, #ffa100);
box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
color: snow; }
box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98);
color: #fefefe; }
.titlebar .linked > button:checked:backdrop,
headerbar .linked > button:checked:backdrop {
box-shadow: none;
background: rgba(255, 106, 0, 0.6);
color: #ffe6e6; }
color: rgba(254, 254, 254, 0.5); }
.titlebar .linked > button:checked:backdrop label,
headerbar .linked > button:checked:backdrop label {
color: #ffe6e6; }
color: rgba(254, 254, 254, 0.5); }
.selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
Expand Down
11 changes: 6 additions & 5 deletions gtk-4.0/gtk.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2635,20 +2635,21 @@ headerbar {
.titlebar .linked > button:active,
headerbar .linked > button:active {
background: linear-gradient(to right, #ff3300, #ffa100);
color: snow; }
color: #fefefe; }
.titlebar .linked > button:checked,
headerbar .linked > button:checked {
border-radius: 1em;
background: linear-gradient(to right, #ff3300, #ffa100);
box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
color: snow; }
box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98);
color: #fefefe; }
.titlebar .linked > button:checked:backdrop,
headerbar .linked > button:checked:backdrop {
box-shadow: none;
background: rgba(255, 106, 0, 0.6);
color: #ffe6e6; }
color: rgba(254, 254, 254, 0.5); }
.titlebar .linked > button:checked:backdrop label,
headerbar .linked > button:checked:backdrop label {
color: #ffe6e6; }
color: rgba(254, 254, 254, 0.5); }
.selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
Expand Down
11 changes: 6 additions & 5 deletions gtk-4.0/widgets/_header-bars.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,19 +163,20 @@ headerbar {
.linked > button:active{
@extend %linked-header;
background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end) ;
color: rgb(255, 250, 250);
color: $selected_fg_color;
}
.linked > button:checked{
@extend %linked-header;
border-radius: 1em; // 23px;
background: linear-gradient(to right, $theme-gradient-start, $theme-gradient-end);
box-shadow: 0px 0px 5px transparentize(#c50ed2, 0.02);
color: rgb(255, 250, 250);
box-shadow: 0px 0px 5px transparentize($selected_bg_color, 0.02);
color: $selected_fg_color;
&:backdrop{
box-shadow: none;
background: $backdrop_selected_bg_color;
color: darken(rgb(255, 250, 250), 4%);
color: $backdrop_selected_fg_color;
label{
color: darken(rgb(255, 250, 250), 4%);;
color: $backdrop_selected_fg_color;
}
}
}
Expand Down

0 comments on commit 04aaffe

Please sign in to comment.