diff --git a/Helium/gtk-3.0/_common.scss b/Helium/gtk-3.0/_common.scss index bff62c2..4fad0e2 100644 --- a/Helium/gtk-3.0/_common.scss +++ b/Helium/gtk-3.0/_common.scss @@ -1,8 +1,8 @@ $ease-out-quad: cubic-bezier(0.4, 0, 0.2, 1); $asset_suffix: if($variant=='light', "", "-dark"); -$backdrop_transition: all 300ms ease-out-quad; -$button_transition: all 300ms $ease-out-quad; -$focus_transition: all 300ms $ease-out-quad; +$backdrop_transition: all 400ms ease-out-quad; +$button_transition: all 400ms $ease-out-quad; +$focus_transition: all 400ms $ease-out-quad; $button_radius: 8px; $card_radius: 12px; $menu_radius: 8px; @@ -1679,12 +1679,13 @@ headerbar { button.titlebutton { border-radius: 100%; - background-color: $titlebutton_normal; + background-color: transparent; min-height: 24px; min-width: 24px; margin: 0 4px 0 4px; padding: 0; transition: $button_transition; + &.close {background-color: $titlebutton_normal;} &:hover { background-color: $titlebutton_normal_hover; } &:hover:active, &:active { background-color: $titlebutton_normal_active; } &:backdrop { background: $titlebutton_backdrop; } @@ -2749,9 +2750,9 @@ treeview ~ scrollbar.vertical { // ********** switch { border-radius: 99px; - padding: 4px; + padding: 3px; background: gtkalpha($accent_color, 0.11); - border: 2px solid gtkalpha($border_color, 0.5); + border: 1px solid gtkalpha($border_color, 0.38); &:hover:not(:checked) { background: gtkalpha($accent_color, 0.14); @@ -2762,16 +2763,20 @@ switch { &:checked { background: $accent_color; - border: 2px solid $accent_color; + border: 1px solid $accent_color; &:hover { background: $accent_color; - border: 2px solid $accent_color; - &:active { background: $accent_color; border: 2px solid $accent_color; } + border: 1px solid $accent_color; + &:active { + background: $accent_color; + border: 1px solid $accent_color; + } } } &:disabled { - background: gtkalpha($accent_color, 0.03); + background: gtkalpha($slider_color, 0.12); + color: gtkalpha($slider_color, 0.38); } > slider { @@ -2779,26 +2784,31 @@ switch { min-width: 8px; min-height: 8px; border-radius: 50%; - border: 5px solid gtkalpha($border_color, 0.5); + border: 4px solid gtkalpha($border_color, 0.5); background-color: transparent; box-shadow: none; padding: 0px; } &:hover > slider { - border: 5px solid $accent_color; + border: 11px solid $outline; + margin: -3px; } &:checked > slider { - border: 5px solid $accent_fg_color; - background-color: $accent_fg_color; + border: 8px solid $accent_fg_color; + background: $accent_fg_color; margin: 0px; - min-width: 16px; - min-height: 16px; + } + + &:checked:hover > slider { + border: 11px solid $accent_fg_color; + background: $accent_fg_color; + margin: -3px; } &:disabled > slider { - border: 5px solid $slider_color; + border: 4px solid $slider_color; } .osd & {