gtk: Drop :focus:hover state
To avoid specificity chaos.
by roundabout, Friday, 20 March 2020, 03:13:38 (1584674018), pushed by roundabout, Sunday, 11 May 2025, 13:22:50 (1746969770)
Author identity: nana-4 <hnmaigo@gmail.com>
3c9423fa6f9645c0469364b5a3a7d79a8434ba64
src/_sass/_colors.scss
@@ -122,7 +122,6 @@ $titlebar-indicator: if($topbar == 'dark', currentColor, $pri
$overlay-hover-opacity: .08;
$overlay-focus-opacity: .08;
$overlay-focus-hover-opacity: .16;
$overlay-active-opacity: .12;
$overlay-checked-opacity: .12;
$overlay-selected-opacity: .24;
src/_sass/_colors.scss.template
@@ -125,7 +125,6 @@ $titlebar-indicator: if($topbar == 'dark', currentColor, $pri
$overlay-hover-opacity: .08;
$overlay-focus-opacity: .08;
$overlay-focus-hover-opacity: .16;
$overlay-active-opacity: .12;
$overlay-checked-opacity: .12;
$overlay-selected-opacity: .24;
src/_sass/gtk/_common-3.20.scss
@@ -2505,16 +2505,12 @@ switch {
background-color: $switch-surface;
}
&:focus slider {
box-shadow: 0 0 0 10px $overlay-focus, $shadow-z1;
}
&:hover slider {
box-shadow: 0 0 0 10px $overlay-hover, $shadow-z1;
}
&:focus:hover slider {
box-shadow: 0 0 0 10px $overlay-focus-hover, $shadow-z1;
&:focus slider {
box-shadow: 0 0 0 10px $overlay-focus, $shadow-z1;
}
&:checked slider {
@@ -2884,16 +2880,12 @@ scale {
}
}
&:focus {
background-color: $overlay-focus;
}
&:hover {
background-color: $overlay-hover;
}
&:focus:hover {
background-color: $overlay-focus-hover;
&:focus {
background-color: $overlay-focus;
}
&:active {
@@ -2903,7 +2895,6 @@ scale {
background-size 0ms,
background-image 0ms;
animation: ripple-on-slider $ripple-fade-in-duration $ease-out forwards;
background-color: $overlay-hover;
background-image: -gtk-scaled(url('#{$_url}.png'), url('#{$_url}@2.png')),
radial-gradient(circle, $overlay-active 10%, transparent 0%);
background-size: auto, 0% 0%;