From 57c2af136187a98d416fe49d0f5e26af7e0920ca Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 3 Mar 2021 17:41:27 +0100 Subject: [PATCH] GTK4: Customize switches --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 50 +++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 0c978f71..3d0d9601 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -46,6 +46,56 @@ headerbar entry { background: $base_color; } +/********** + * Switch * + **********/ +switch { + box-shadow: $_widget_inset_shadow; + + slider { @extend %slider; } + + &:hover slider { @extend %slider_active; } + + &:checked { + border-right-width: 0; // Hack to prevent dirty right border-radius + margin-right: 1px; // Compensate missing right border + box-shadow: inset 0 1px 3px -1px transparentize(black, .4); + + &, &:backdrop { border-color: transparentize(black, .8); } + + slider { + border-color: if($variant=='light', $suggested_border_color, $borders_color); + &:backdrop:not(:disabled) { + border-color: if($variant=='light', $suggested_bg_color, $backdrop_borders_color); + } + } + } + + &:backdrop, &:disabled { + box-shadow: none; + border-color: $backdrop_borders_color; + + slider { border-color: $backdrop_borders_color; } + } +} + +/************ + * GtkScale * + ************/ +%slider, +scale slider { + @include button(normal); + + border-color: darken($alt_borders_color, 3%); + @at-root %slider_active, + &:active { + background-image: if($variant == 'light', image(lighten($bg_color, 14%)), image(darken($bg_color, 9%))); + border-color: $suggested_bg_color; + } + + &:disabled { border-color: $backdrop_borders_color; } +} + /*************** * Header bars * ***************/