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

GTK3: kali theme tweaks for gtk 3.24.17

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-04-20 20:53:37 +02:00
parent 424373bd7b
commit 7a0de931b9
5 changed files with 55 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2686,8 +2686,8 @@ switch {
/* only show i / o for the accessible theme */ } /* only show i / o for the accessible theme */ }
switch:checked { switch:checked {
color: #ffffff; color: #ffffff;
border-color: #00348d; border-color: #00215a;
background-color: #5a97ff; background-color: #2777ff;
text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled { switch:disabled {
color: #888a8d; color: #888a8d;
@ -2702,7 +2702,7 @@ switch {
transition: 200ms ease-out; } transition: 200ms ease-out; }
switch:backdrop:checked { switch:backdrop:checked {
border-color: #00348d; border-color: #00348d;
background-color: #5a97ff; } background-color: #2777ff; }
switch:backdrop:disabled { switch:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #111217;
@ -2731,7 +2731,7 @@ switch {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); } background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); }
switch:checked > slider { switch:checked > slider {
border: 1px solid #00348d; } border: 1px solid #00215a; }
switch:disabled slider { switch:disabled slider {
color: #888a8d; color: #888a8d;
border-color: #0d0e11; border-color: #0d0e11;
@ -2748,7 +2748,7 @@ switch {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop:checked > slider { switch:backdrop:checked > slider {
border-color: #00348d; } border-color: #00215a; }
switch:backdrop:disabled slider { switch:backdrop:disabled slider {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #111217;
@ -2766,7 +2766,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2781,7 +2781,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2796,7 +2796,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2811,7 +2811,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #adadad; background-color: #939393;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2826,7 +2826,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2841,7 +2841,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2856,7 +2856,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2871,7 +2871,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: #adadad; background-color: #939393;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2933,13 +2933,13 @@ radio {
check:checked, check:checked,
radio:checked { radio:checked {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #74a7ff 20%, #5a97ff 90%); background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%);
border-color: #5a97ff; border-color: #2777ff;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:checked:hover, check:checked:hover,
radio:checked:hover { radio:checked:hover {
background-image: linear-gradient(to bottom, #88b4ff 10%, #6ea4ff 90%); } background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); }
check:checked:active, check:checked:active,
radio:checked:active { radio:checked:active {
box-shadow: inset 0 1px 1px 0px black; } box-shadow: inset 0 1px 1px 0px black; }
@ -2949,7 +2949,7 @@ radio {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
check:checked:backdrop, check:checked:backdrop,
radio:checked:backdrop { radio:checked:backdrop {
background-image: image(#5a97ff); background-image: image(#2777ff);
box-shadow: none; box-shadow: none;
color: #ffffff; } color: #ffffff; }
check:checked:backdrop:disabled, check:checked:backdrop:disabled,
@ -2959,13 +2959,13 @@ radio {
check:indeterminate, check:indeterminate,
radio:indeterminate { radio:indeterminate {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #74a7ff 20%, #5a97ff 90%); background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%);
border-color: #5a97ff; border-color: #2777ff;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:indeterminate:hover, check:indeterminate:hover,
radio:indeterminate:hover { radio:indeterminate:hover {
background-image: linear-gradient(to bottom, #88b4ff 10%, #6ea4ff 90%); } background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); }
check:indeterminate:active, check:indeterminate:active,
radio:indeterminate:active { radio:indeterminate:active {
box-shadow: inset 0 1px 1px 0px black; } box-shadow: inset 0 1px 1px 0px black; }
@ -2975,7 +2975,7 @@ radio {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
check:indeterminate:backdrop, check:indeterminate:backdrop,
radio:indeterminate:backdrop { radio:indeterminate:backdrop {
background-image: image(#5a97ff); background-image: image(#2777ff);
box-shadow: none; box-shadow: none;
color: #ffffff; } color: #ffffff; }
check:indeterminate:backdrop:disabled, check:indeterminate:backdrop:disabled,
@ -4835,7 +4835,7 @@ radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indetermin
check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
radio:checked:backdrop, radio:checked:backdrop,
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(#5a97ff); } background-image: image(#2777ff); }
check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled, check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
radio:checked:disabled, radio:checked:disabled,
@ -5112,6 +5112,8 @@ decoration {
border: 0; } border: 0; }
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); }
window.csd decoration {
background: black; }
button.titlebutton:not(.appmenu) { button.titlebutton:not(.appmenu) {
margin: 0; } margin: 0; }

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

@ -2686,8 +2686,8 @@ switch {
/* only show i / o for the accessible theme */ } /* only show i / o for the accessible theme */ }
switch:checked { switch:checked {
color: #ffffff; color: #ffffff;
border-color: #00348d; border-color: #00215a;
background-color: #5a97ff; background-color: #2777ff;
text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled { switch:disabled {
color: #888a8d; color: #888a8d;
@ -2702,7 +2702,7 @@ switch {
transition: 200ms ease-out; } transition: 200ms ease-out; }
switch:backdrop:checked { switch:backdrop:checked {
border-color: #00348d; border-color: #00348d;
background-color: #5a97ff; } background-color: #2777ff; }
switch:backdrop:disabled { switch:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #111217;
@ -2731,7 +2731,7 @@ switch {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); } background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); }
switch:checked > slider { switch:checked > slider {
border: 1px solid #00348d; } border: 1px solid #00215a; }
switch:disabled slider { switch:disabled slider {
color: #888a8d; color: #888a8d;
border-color: #0d0e11; border-color: #0d0e11;
@ -2748,7 +2748,7 @@ switch {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop:checked > slider { switch:backdrop:checked > slider {
border-color: #00348d; } border-color: #00215a; }
switch:backdrop:disabled slider { switch:backdrop:disabled slider {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #111217;
@ -2766,7 +2766,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2781,7 +2781,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2796,7 +2796,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2811,7 +2811,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #adadad; background-color: #939393;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2826,7 +2826,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2841,7 +2841,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2856,7 +2856,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #5a97ff; background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2871,7 +2871,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: #adadad; background-color: #939393;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2933,13 +2933,13 @@ radio {
check:checked, check:checked,
radio:checked { radio:checked {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #74a7ff 20%, #5a97ff 90%); background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%);
border-color: #5a97ff; border-color: #2777ff;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:checked:hover, check:checked:hover,
radio:checked:hover { radio:checked:hover {
background-image: linear-gradient(to bottom, #88b4ff 10%, #6ea4ff 90%); } background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); }
check:checked:active, check:checked:active,
radio:checked:active { radio:checked:active {
box-shadow: inset 0 1px 1px 0px black; } box-shadow: inset 0 1px 1px 0px black; }
@ -2949,7 +2949,7 @@ radio {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
check:checked:backdrop, check:checked:backdrop,
radio:checked:backdrop { radio:checked:backdrop {
background-image: image(#5a97ff); background-image: image(#2777ff);
box-shadow: none; box-shadow: none;
color: #ffffff; } color: #ffffff; }
check:checked:backdrop:disabled, check:checked:backdrop:disabled,
@ -2959,13 +2959,13 @@ radio {
check:indeterminate, check:indeterminate,
radio:indeterminate { radio:indeterminate {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #74a7ff 20%, #5a97ff 90%); background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%);
border-color: #5a97ff; border-color: #2777ff;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:indeterminate:hover, check:indeterminate:hover,
radio:indeterminate:hover { radio:indeterminate:hover {
background-image: linear-gradient(to bottom, #88b4ff 10%, #6ea4ff 90%); } background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); }
check:indeterminate:active, check:indeterminate:active,
radio:indeterminate:active { radio:indeterminate:active {
box-shadow: inset 0 1px 1px 0px black; } box-shadow: inset 0 1px 1px 0px black; }
@ -2975,7 +2975,7 @@ radio {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
check:indeterminate:backdrop, check:indeterminate:backdrop,
radio:indeterminate:backdrop { radio:indeterminate:backdrop {
background-image: image(#5a97ff); background-image: image(#2777ff);
box-shadow: none; box-shadow: none;
color: #ffffff; } color: #ffffff; }
check:indeterminate:backdrop:disabled, check:indeterminate:backdrop:disabled,
@ -4835,7 +4835,7 @@ radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indetermin
check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
radio:checked:backdrop, radio:checked:backdrop,
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(#5a97ff); } background-image: image(#2777ff); }
check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled, check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
radio:checked:disabled, radio:checked:disabled,
@ -5112,6 +5112,8 @@ decoration {
border: 0; } border: 0; }
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); }
window.csd decoration {
background: black; }
button.titlebutton:not(.appmenu) { button.titlebutton:not(.appmenu) {
margin: 0; } margin: 0; }

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

@ -5134,6 +5134,8 @@ decoration {
border: 0; } border: 0; }
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0); }
window.csd decoration {
background: white; }
button.titlebutton:not(.appmenu) { button.titlebutton:not(.appmenu) {
margin: 0; } margin: 0; }

2
src/themes/Kali/sass/gtk-sass/_colors.scss
View File

@ -74,6 +74,6 @@ $suggested_bg_color: $selected_bg_color;
$suggested_border_color: $selected_borders_color; $suggested_border_color: $selected_borders_color;
$progress_bg_color: $selected_bg_color; $progress_bg_color: $selected_bg_color;
$progress_border_color: $selected_borders_color; $progress_border_color: $selected_borders_color;
$checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%)); $checkradio_bg_color: $selected_bg_color;
$checkradio_fg_color: $selected_fg_color; $checkradio_fg_color: $selected_fg_color;
$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%)); $checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));

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

@ -300,6 +300,10 @@ decoration {
box-shadow: 0 1px 4px transparentize(black, 0.8), box-shadow: 0 1px 4px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border, 0.1); 0 0 0 1px transparentize($_wm_border, 0.1);
} }
window.csd & {
background: if($variant=='light', white, black);
}
} }
// Window Close button // Window Close button