PoliEcho/kaliish-orange-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GTK3: Fix disabled check and radio widgets are not visible using the light theme

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-09-03 20:11:49 +02:00
parent 0eb9f99905
commit 499ab09ccb
4 changed files with 41 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
share/themes/Kali-Dark/gtk-3.0/gtk.css
View File

@ -4818,6 +4818,16 @@ radio, menu menuitem radio, menu menuitem:hover radio {
background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%);
border-color: black; border-color: black;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate,
radio:disabled,
radio:disabled:checked,
radio:disabled:indeterminate,
radio:disabled:backdrop,
radio:disabled:backdrop:checked,
radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate {
border-color: #0d0e11;
background-image: image(#23252e);
color: #eeeeec; }
check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
radio:checked, radio:checked,
@ -4835,14 +4845,6 @@ radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indetermin
radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
background-image: image(#2777ff); } background-image: image(#2777ff); }
check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:disabled, check:disabled:backdrop,
radio:disabled,
radio:disabled:backdrop {
border-color: #0d0e11;
background-image: image(#23252e); }
/************ /************
* GtkScale * * GtkScale *
************/ ************/

18
share/themes/Kali-Light/gtk-3.0/gtk-dark.css
View File

@ -4818,6 +4818,16 @@ radio, menu menuitem radio, menu menuitem:hover radio {
background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%);
border-color: black; border-color: black;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate,
radio:disabled,
radio:disabled:checked,
radio:disabled:indeterminate,
radio:disabled:backdrop,
radio:disabled:backdrop:checked,
radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate {
border-color: #0d0e11;
background-image: image(#23252e);
color: #eeeeec; }
check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
radio:checked, radio:checked,
@ -4835,14 +4845,6 @@ radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indetermin
radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
background-image: image(#2777ff); } background-image: image(#2777ff); }
check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:disabled, check:disabled:backdrop,
radio:disabled,
radio:disabled:backdrop {
border-color: #0d0e11;
background-image: image(#23252e); }
/************ /************
* GtkScale * * GtkScale *
************/ ************/

18
share/themes/Kali-Light/gtk-3.0/gtk.css
View File

@ -4839,6 +4839,16 @@ radio, menu menuitem radio, menu menuitem:hover radio {
background-image: linear-gradient(to bottom, white 20%, #fafafa 90%); background-image: linear-gradient(to bottom, white 20%, #fafafa 90%);
border-color: #c2c2c2; border-color: #c2c2c2;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate,
radio:disabled,
radio:disabled:checked,
radio:disabled:indeterminate,
radio:disabled:backdrop,
radio:disabled:backdrop:checked,
radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate {
border-color: #d9d9d9;
background-image: image(#ffffff);
color: #5c616c; }
check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
radio:checked, radio:checked,
@ -4856,14 +4866,6 @@ radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indetermin
radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
background-image: image(#2777ff); } background-image: image(#2777ff); }
check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:disabled, check:disabled:backdrop,
radio:disabled,
radio:disabled:backdrop {
border-color: #d9d9d9;
background-image: image(#ffffff); }
/************ /************
* GtkScale * * GtkScale *
************/ ************/

17
src/themes/Kali/sass/gtk-sass/_common-tweaks.scss
View File

@ -103,6 +103,14 @@ radio {
background-image: linear-gradient(to bottom, $_c 20%, darken($_c, 2%) 90%); background-image: linear-gradient(to bottom, $_c 20%, darken($_c, 2%) 90%);
border-color: $alt_borders_color; border-color: $alt_borders_color;
box-shadow: $_shadow; box-shadow: $_shadow;
&:disabled, &:disabled:backdrop {
&, &:checked, &:indeterminate {
border-color: $borders_color;
background-image: image($bg_color);
color: $fg_color;
}
}
} }
&, menu menuitem & { &, menu menuitem & {
@ -114,15 +122,6 @@ radio {
&:active { box-shadow: none; } &:active { box-shadow: none; }
&:backdrop { background-image: image($checkradio_bg_color); } &:backdrop { background-image: image($checkradio_bg_color); }
&:disabled { @extend %check_radio_disabled; }
}
}
@at-root %check_radio_disabled,
&:disabled {
&, &:backdrop {
border-color: $borders_color;
background-image: image($bg_color);
} }
} }
} }