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

GTK3: recover menu volumized check and radio widgets

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-03-06 13:17:32 +01:00
parent c9aff30718
commit 7ea97e34c7
4 changed files with 170 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3333,6 +3333,23 @@ radio {
menu menuitem check, menu menuitem menu menuitem check, menu menuitem
radio { radio {
margin: 0; } margin: 0; }
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem
radio, menu menuitem
radio:hover, menu menuitem
radio:disabled, menu menuitem
radio:checked, menu menuitem
radio:checked:hover, menu menuitem
radio:checked:disabled, menu menuitem
radio:indeterminate, menu menuitem
radio:indeterminate:hover, menu menuitem
radio:indeterminate:disabled {
min-height: 14px;
min-width: 14px;
background-image: none;
box-shadow: none;
-gtk-icon-shadow: none;
color: inherit;
border-color: currentColor; }
check { check {
@ -5096,41 +5113,44 @@ switch {
/************************* /*************************
* Check and Radio items * * Check and Radio items *
*************************/ *************************/
check, check, menu menuitem check, menu menuitem:hover check,
radio, menu menuitem
radio, menu menuitem:hover
radio { radio {
background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%);
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:checked:disabled,
radio:checked:disabled, check:indeterminate:disabled, check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
radio:indeterminate:disabled, check:backdrop:checked:disabled, radio:checked,
radio:backdrop:checked:disabled, check:backdrop:indeterminate:disabled, radio:indeterminate, menu menuitem
radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop, radio:checked, menu menuitem
radio:disabled, radio:indeterminate {
radio:disabled:backdrop { background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
border-color: #0d0e11; border-color: #00348d;
background-image: image(#23252e); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); }
check:checked, check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active,
radio:checked { radio:checked:active,
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); radio:indeterminate:active, menu menuitem
border-color: #00348d; radio:checked:active, menu menuitem
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } radio:indeterminate:active {
check:checked:active, box-shadow: none; }
radio:checked:active { check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
box-shadow: none; } radio:checked:backdrop,
check:checked:backdrop, radio:indeterminate:backdrop, menu menuitem
radio:checked:backdrop { radio:checked:backdrop, menu menuitem
background-image: image(#2777ff); } radio:indeterminate:backdrop {
check:indeterminate, background-image: image(#2777ff); }
radio:indeterminate {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
border-color: #00348d; radio:checked:disabled,
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:backdrop:checked:disabled, check:backdrop:indeterminate:disabled,
check:indeterminate:active, radio:backdrop:checked:disabled,
radio:indeterminate:active { radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop,
box-shadow: none; } radio:disabled,
check:indeterminate:backdrop, radio:disabled:backdrop {
radio:indeterminate:backdrop { border-color: #0d0e11;
background-image: image(#2777ff); } background-image: image(#23252e); }
/************ /************
* GtkScale * * GtkScale *

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

@ -3333,6 +3333,23 @@ radio {
menu menuitem check, menu menuitem menu menuitem check, menu menuitem
radio { radio {
margin: 0; } margin: 0; }
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem
radio, menu menuitem
radio:hover, menu menuitem
radio:disabled, menu menuitem
radio:checked, menu menuitem
radio:checked:hover, menu menuitem
radio:checked:disabled, menu menuitem
radio:indeterminate, menu menuitem
radio:indeterminate:hover, menu menuitem
radio:indeterminate:disabled {
min-height: 14px;
min-width: 14px;
background-image: none;
box-shadow: none;
-gtk-icon-shadow: none;
color: inherit;
border-color: currentColor; }
check { check {
@ -5096,41 +5113,44 @@ switch {
/************************* /*************************
* Check and Radio items * * Check and Radio items *
*************************/ *************************/
check, check, menu menuitem check, menu menuitem:hover check,
radio, menu menuitem
radio, menu menuitem:hover
radio { radio {
background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%);
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:checked:disabled,
radio:checked:disabled, check:indeterminate:disabled, check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
radio:indeterminate:disabled, check:backdrop:checked:disabled, radio:checked,
radio:backdrop:checked:disabled, check:backdrop:indeterminate:disabled, radio:indeterminate, menu menuitem
radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop, radio:checked, menu menuitem
radio:disabled, radio:indeterminate {
radio:disabled:backdrop { background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
border-color: #0d0e11; border-color: #00348d;
background-image: image(#23252e); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); }
check:checked, check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active,
radio:checked { radio:checked:active,
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); radio:indeterminate:active, menu menuitem
border-color: #00348d; radio:checked:active, menu menuitem
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } radio:indeterminate:active {
check:checked:active, box-shadow: none; }
radio:checked:active { check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
box-shadow: none; } radio:checked:backdrop,
check:checked:backdrop, radio:indeterminate:backdrop, menu menuitem
radio:checked:backdrop { radio:checked:backdrop, menu menuitem
background-image: image(#2777ff); } radio:indeterminate:backdrop {
check:indeterminate, background-image: image(#2777ff); }
radio:indeterminate {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
border-color: #00348d; radio:checked:disabled,
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:backdrop:checked:disabled, check:backdrop:indeterminate:disabled,
check:indeterminate:active, radio:backdrop:checked:disabled,
radio:indeterminate:active { radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop,
box-shadow: none; } radio:disabled,
check:indeterminate:backdrop, radio:disabled:backdrop {
radio:indeterminate:backdrop { border-color: #0d0e11;
background-image: image(#2777ff); } background-image: image(#23252e); }
/************ /************
* GtkScale * * GtkScale *

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

@ -3356,6 +3356,23 @@ radio {
menu menuitem check, menu menuitem menu menuitem check, menu menuitem
radio { radio {
margin: 0; } margin: 0; }
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem
radio, menu menuitem
radio:hover, menu menuitem
radio:disabled, menu menuitem
radio:checked, menu menuitem
radio:checked:hover, menu menuitem
radio:checked:disabled, menu menuitem
radio:indeterminate, menu menuitem
radio:indeterminate:hover, menu menuitem
radio:indeterminate:disabled {
min-height: 14px;
min-width: 14px;
background-image: none;
box-shadow: none;
-gtk-icon-shadow: none;
color: inherit;
border-color: currentColor; }
check { check {
@ -5120,41 +5137,44 @@ switch {
/************************* /*************************
* Check and Radio items * * Check and Radio items *
*************************/ *************************/
check, check, menu menuitem check, menu menuitem:hover check,
radio, menu menuitem
radio, menu menuitem:hover
radio { radio {
background-image: linear-gradient(to bottom, white 20%, #fafafa 90%); background-image: linear-gradient(to bottom, white 20%, #fafafa 90%);
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:checked:disabled,
radio:checked:disabled, check:indeterminate:disabled, check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
radio:indeterminate:disabled, check:backdrop:checked:disabled, radio:checked,
radio:backdrop:checked:disabled, check:backdrop:indeterminate:disabled, radio:indeterminate, menu menuitem
radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop, radio:checked, menu menuitem
radio:disabled, radio:indeterminate {
radio:disabled:backdrop { background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
border-color: #d9d9d9; border-color: #0051da;
background-image: image(#ffffff); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
check:checked, check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active,
radio:checked { radio:checked:active,
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); radio:indeterminate:active, menu menuitem
border-color: #0051da; radio:checked:active, menu menuitem
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } radio:indeterminate:active {
check:checked:active, box-shadow: none; }
radio:checked:active { check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
box-shadow: none; } radio:checked:backdrop,
check:checked:backdrop, radio:indeterminate:backdrop, menu menuitem
radio:checked:backdrop { radio:checked:backdrop, menu menuitem
background-image: image(#2777ff); } radio:indeterminate:backdrop {
check:indeterminate, background-image: image(#2777ff); }
radio:indeterminate {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
border-color: #0051da; radio:checked:disabled,
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:backdrop:checked:disabled, check:backdrop:indeterminate:disabled,
check:indeterminate:active, radio:backdrop:checked:disabled,
radio:indeterminate:active { radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop,
box-shadow: none; } radio:disabled,
check:indeterminate:backdrop, radio:disabled:backdrop {
radio:indeterminate:backdrop { border-color: #d9d9d9;
background-image: image(#2777ff); } background-image: image(#ffffff); }
/************ /************
* GtkScale * * GtkScale *

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

@ -76,19 +76,14 @@ radio {
$_c: if($variant=='light', white, darken($bg_color, 2%)); $_c: if($variant=='light', white, darken($bg_color, 2%));
$_shadow: 0 1px 2px transparentize($shadow_color, 0.03); $_shadow: 0 1px 2px transparentize($shadow_color, 0.03);
background-image: linear-gradient(to bottom, $_c 20%, darken($_c, 2%) 90%); &, menu menuitem &, menu menuitem:hover & {
box-shadow: $_shadow; background-image: linear-gradient(to bottom, $_c 20%, darken($_c, 2%) 90%);
border-color: $alt_borders_color;
@at-root %check_radio_disabled, box-shadow: $_shadow;
&:disabled {
&, &:backdrop {
border-color: $borders_color;
background-image: image($bg_color);
}
} }
@each $t in (':checked'), (':indeterminate') { &, menu menuitem & {
&#{$t} { &:checked, &:indeterminate {
background-image: linear-gradient(to bottom, $selected_bg_color 20%, darken($selected_bg_color, 2%) 90%); background-image: linear-gradient(to bottom, $selected_bg_color 20%, darken($selected_bg_color, 2%) 90%);
border-color: $selected_borders_color; border-color: $selected_borders_color;
box-shadow: inset 0 1px transparentize(white, .9), $_shadow; box-shadow: inset 0 1px transparentize(white, .9), $_shadow;
@ -98,6 +93,14 @@ radio {
&:disabled { @extend %check_radio_disabled; } &:disabled { @extend %check_radio_disabled; }
} }
} }
@at-root %check_radio_disabled,
&:disabled {
&, &:backdrop {
border-color: $borders_color;
background-image: image($bg_color);
}
}
} }
/************ /************