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

GTK3: improve entry visibility

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-06-10 12:17:49 +02:00
parent 97c032e9e2
commit 640c6af932
4 changed files with 60 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4770,6 +4770,9 @@ popover.emoji-completion .emoji:hover {
* button, * button:hover, * button:active, * button:checked, * button:focus { * button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.07); } outline-color: alpha(currentColor,0.07); }
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked, .titlebar stackswitcher button:checked:checked,
.titlebar button.toggle:active, .titlebar button.toggle:active,
.titlebar button.toggle:checked, .titlebar button.toggle:checked,
@ -4782,6 +4785,17 @@ button:checked {
background: #1b1d24; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); }
/**********
* Entry *
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3);
background-color: #1b1d24; }
/**********
* Slider *
**********/
scale slider:active, switch:hover slider { scale slider:active, switch:hover slider {
background-image: image(#0f1014); } background-image: image(#0f1014); }

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

@ -4770,6 +4770,9 @@ popover.emoji-completion .emoji:hover {
* button, * button:hover, * button:active, * button:checked, * button:focus { * button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.07); } outline-color: alpha(currentColor,0.07); }
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked, .titlebar stackswitcher button:checked:checked,
.titlebar button.toggle:active, .titlebar button.toggle:active,
.titlebar button.toggle:checked, .titlebar button.toggle:checked,
@ -4782,6 +4785,17 @@ button:checked {
background: #1b1d24; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); }
/**********
* Entry *
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3);
background-color: #1b1d24; }
/**********
* Slider *
**********/
scale slider:active, switch:hover slider { scale slider:active, switch:hover slider {
background-image: image(#0f1014); } background-image: image(#0f1014); }

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

@ -4792,6 +4792,9 @@ popover.emoji-completion .emoji:hover {
* button, * button:hover, * button:active, * button:checked, * button:focus { * button, * button:hover, * button:active, * button:checked, * button:focus {
outline-color: alpha(currentColor,0.15); } outline-color: alpha(currentColor,0.15); }
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked, .titlebar stackswitcher button:checked:checked,
.titlebar button.toggle:active, .titlebar button.toggle:active,
.titlebar button.toggle:checked, .titlebar button.toggle:checked,
@ -4804,6 +4807,16 @@ button:checked {
background: #f2f2f2; background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); }
/**********
* Entry *
**********/
spinbutton:not(.vertical),
entry {
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); }
/**********
* Slider *
**********/
scale slider:active, switch:hover slider { scale slider:active, switch:hover slider {
background-image: image(white); } background-image: image(white); }

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

@ -1,4 +1,5 @@
$_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5)); $_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5));
$_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color;
$_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25)); $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25));
* { * {
@ -15,13 +16,30 @@ $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($b
} }
} }
/**********
* Button *
**********/
%button_active, %button_active,
button:active, button:active,
button:checked, { button:checked, {
background: $dark_fill; background: $dark_fill;
box-shadow: inset 0 3px 5px -4px $shadow_color; box-shadow: $_widget_inset_shadow;
} }
/**********
* Entry *
**********/
%entry,
entry {
box-shadow: $_widget_inset_shadow;
@if ($variant == 'dark') {
background-color: $dark_fill;
}
}
/**********
* Slider *
**********/
%slider_active { %slider_active {
background-image: if($variant == 'light', image(lighten($bg_color, 14%)), image(darken($bg_color, 9%))); background-image: if($variant == 'light', image(lighten($bg_color, 14%)), image(darken($bg_color, 9%)));
} }