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

GTK3: use the same shadows for the switch, check, radio, switch and entry widgets

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-12-18 18:46:04 +01:00
parent cc2ea538f0
commit dfc7f73392
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5138,7 +5138,7 @@ scale slider:active, switch:hover slider {
* Switch * * Switch *
**********/ **********/
switch { switch {
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
switch:checked { switch:checked {
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2);
border-right-width: 0; border-right-width: 0;
@ -5174,7 +5174,7 @@ check, menu menuitem check, menu menuitem:hover check,
radio, menu menuitem radio, menu menuitem:hover radio { 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: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
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, 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,
radio:disabled:checked, radio:disabled:checked,

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

@ -5138,7 +5138,7 @@ scale slider:active, switch:hover slider {
* Switch * * Switch *
**********/ **********/
switch { switch {
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
switch:checked { switch:checked {
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2);
border-right-width: 0; border-right-width: 0;
@ -5174,7 +5174,7 @@ check, menu menuitem check, menu menuitem:hover check,
radio, menu menuitem radio, menu menuitem:hover radio { 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: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
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, 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,
radio:disabled:checked, radio:disabled:checked,

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

@ -5159,7 +5159,7 @@ scale slider:active, switch:hover slider {
* Switch * * Switch *
**********/ **********/
switch { switch {
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.2); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
switch:checked { switch:checked {
border-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2);
border-right-width: 0; border-right-width: 0;
@ -5195,7 +5195,7 @@ check, menu menuitem check, menu menuitem:hover check,
radio, menu menuitem radio, menu menuitem:hover radio { radio, menu menuitem radio, menu menuitem:hover radio {
background-image: linear-gradient(to bottom, #ffffff 20%, #fafafa 90%); background-image: linear-gradient(to bottom, #ffffff 20%, #fafafa 90%);
border-color: #c2c2c2; border-color: #c2c2c2;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
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, 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,
radio:disabled:checked, radio:disabled:checked,

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

@ -67,7 +67,7 @@ headerbar entry {
switch { switch {
$_slider_border_color: darken($alt_borders_color, 3%); $_slider_border_color: darken($alt_borders_color, 3%);
box-shadow: inset 0 1px 2px -1px transparentize(black, if($variant=='light', .8, .4)); box-shadow: $_widget_inset_shadow;
&:checked { &:checked {
border-color: transparentize(black, .8); border-color: transparentize(black, .8);
@ -117,7 +117,7 @@ radio {
&, menu menuitem &, menu menuitem:hover & { &, menu menuitem &, menu menuitem:hover & {
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: $_widget_inset_shadow;
&:disabled, &:disabled:backdrop { &:disabled, &:disabled:backdrop {
&, &:checked, &:indeterminate { &, &:checked, &:indeterminate {