Gnome-shell: Qick settings - Fix toggle buttons appearance on hover state

This commit is contained in:
EliverLara
2023-06-10 14:06:27 -06:00
parent b7dd7ea370
commit 4b3a6fdcc1
2 changed files with 35 additions and 12 deletions
+12 -5
View File
@@ -2242,11 +2242,12 @@ $base_padding: 6px;
border-radius: 99px;
&:checked {
@include button(active, transparentize($selected_bg_color, 0.3));
color: $selected_fg_color;
@include button(active, transparentize($selected_bg_color, 0.4));
&:hover { @include button(active, transparentize(lighten($selected_bg_color, 8%), 0.4)); }
&, &:hover { color: $selected_fg_color; }
}
&, &:hover, &:checked { border: none; }
&, &:hover, &:checked, &:checked:hover { border: none; }
& > StBoxLayout { spacing: $base_padding; }
@@ -2284,8 +2285,14 @@ $base_padding: 6px;
color: $fg_color;
&:checked {
@include button(active, transparentize($selected_bg_color, 0.1));
color: $selected_fg_color;
border-width: 0;
&:hover { @include button(active, transparentize(lighten($selected_bg_color, 5%), 0.1)); }
&, &:hover {
color: $selected_fg_color;
border-width: 0;
}
}
&:hover {
background-color: lighten($base_color, 5%);
}
+23 -7
View File
@@ -2022,12 +2022,19 @@ StScrollBar {
to extend to the border */ }
.quick-toggle:checked {
color: rgba(143, 188, 187, 0.7);
background-color: rgba(143, 188, 187, 0.4);
background-color: rgba(143, 188, 187, 0.3);
border: 1px solid #1f232b;
text-shadow: none;
icon-shadow: none;
color: #fefefe; }
.quick-toggle, .quick-toggle:hover, .quick-toggle:checked {
icon-shadow: none; }
.quick-toggle:checked:hover {
color: rgba(143, 188, 187, 0.7);
background-color: rgba(169, 203, 202, 0.3);
border: 1px solid #1f232b;
text-shadow: none;
icon-shadow: none; }
.quick-toggle:checked, .quick-toggle:checked:hover {
color: #fefefe; }
.quick-toggle, .quick-toggle:hover, .quick-toggle:checked, .quick-toggle:checked:hover {
border: none; }
.quick-toggle > StBoxLayout {
spacing: 6px; }
@@ -2067,9 +2074,18 @@ StScrollBar {
background-color: rgba(143, 188, 187, 0.6);
border: 1px solid #1f232b;
text-shadow: none;
icon-shadow: none;
color: #fefefe;
border-width: 0; }
icon-shadow: none; }
.quick-menu-toggle .quick-toggle-arrow:checked:hover {
color: rgba(143, 188, 187, 0.7);
background-color: rgba(159, 198, 197, 0.6);
border: 1px solid #1f232b;
text-shadow: none;
icon-shadow: none; }
.quick-menu-toggle .quick-toggle-arrow:checked, .quick-menu-toggle .quick-toggle-arrow:checked:hover {
color: #fefefe;
border-width: 0; }
.quick-menu-toggle .quick-toggle-arrow:hover {
background-color: #39404f; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 99px 99px 0; }
.quick-menu-toggle .quick-toggle-arrow:rtl {