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

GTK3 theme: Redesign check and radio widgets

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría
2020-02-07 20:11:02 +01:00
parent dd5bf80cdd
commit 5e6c80cfb0
4 changed files with 149 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
share/themes/Kali-Light/gtk-3.0/gtk-dark.css
+39
View File
@@ -4730,6 +4730,45 @@ switch:backdrop slider {
switch:backdrop:checked slider {
border-color: #111317; }
/*************************
* Check and Radio items *
*************************/
check,
radio {
background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
check:checked:disabled,
radio:checked:disabled, check:indeterminate:disabled,
radio:indeterminate:disabled, check:backdrop:checked:disabled,
radio:backdrop:checked:disabled, check:backdrop:indeterminate:disabled,
radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop,
radio:disabled,
radio:disabled:backdrop {
border-color: #0d0e11;
background-image: image(#23252e); }
check:checked,
radio:checked {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
border-color: #00348d;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); }
check:checked:active,
radio:checked:active {
box-shadow: none; }
check:checked:backdrop,
radio:checked:backdrop {
background-image: image(#2777ff); }
check:indeterminate,
radio:indeterminate {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
border-color: #00348d;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); }
check:indeterminate:active,
radio:indeterminate:active {
box-shadow: none; }
check:indeterminate:backdrop,
radio:indeterminate:backdrop {
background-image: image(#2777ff); }
/************
* GtkScale *
************/
share/themes/Kali-Light/gtk-3.0/gtk.css
+39
View File
@@ -4751,6 +4751,45 @@ switch:backdrop slider {
switch:backdrop:checked slider {
border-color: #2777ff; }
/*************************
* Check and Radio items *
*************************/
check,
radio {
background-image: linear-gradient(to bottom, white 20%, #fafafa 90%);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
check:checked:disabled,
radio:checked:disabled, check:indeterminate:disabled,
radio:indeterminate:disabled, check:backdrop:checked:disabled,
radio:backdrop:checked:disabled, check:backdrop:indeterminate:disabled,
radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop,
radio:disabled,
radio:disabled:backdrop {
border-color: #d1d1d1;
background-image: image(#ffffff); }
check:checked,
radio:checked {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
border-color: #0051da;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
check:checked:active,
radio:checked:active {
box-shadow: none; }
check:checked:backdrop,
radio:checked:backdrop {
background-image: image(#2777ff); }
check:indeterminate,
radio:indeterminate {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
border-color: #0051da;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
check:indeterminate:active,
radio:indeterminate:active {
box-shadow: none; }
check:indeterminate:backdrop,
radio:indeterminate:backdrop {
background-image: image(#2777ff); }
/************
* GtkScale *
************/