eudaimon
/
pho-earth-adaptive
4
3
Fork 2
Code Issues Pull Requests 2 Projects Releases Wiki Activity

improved spinbuttons, hopefully removing some artifacts for gtk4. Improved gtk4 calendar. Unified some elements in common.css

This commit is contained in:
Eudaimon 2021-11-24 11:27:56 +01:00
parent 7be3c04904
commit 4ceb9e16f2
3 changed files with 43 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
gtk-3.0/gtk.css
View File

@ -32,28 +32,7 @@
/**************** /****************
* Text Entries * * Text Entries *
****************/ ****************/
spinbutton:not(.vertical),
entry {
min-height: 32px;
border: 1px solid @theme_bg_color_breeze;
border-radius: 5px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: @theme_text_color_breeze;
background-color: @theme_base_color_breeze;
/*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0);*/
box-shadow: inset 0 4px 3px 0px alpha(black,0.5),
inset 0 1px 1px 0 alpha(black, 0.7),
inset 0 -1px 1px 0 @highlight_color;
}
spinbutton:not(.vertical):dir(ltr) {
padding-left: 8px;
padding-right: 0px;
}
spinbutton:not(.vertical):dir(rtl) {
padding-left: 0px;
padding-right: 8px;
}
/*********** /***********

33
gtk-4.0/gtk.css
View File

@ -66,40 +66,9 @@
font-weight: 400; font-weight: 400;
font-size: 9pt; } font-size: 9pt; }
/**************** /****************
* Text Entries * * Text Entries *
****************/ ****************/
spinbutton:not(.vertical),
spinbutton.vertical text,
entry {
min-height: 32px;
border: 1px solid @theme_bg_color_breeze;
border-radius: 5px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: @theme_text_color_breeze;
background-color: @theme_base_color_breeze;
/*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0);*/
box-shadow: inset 0 4px 3px 0px alpha(black,0.5),
/*0 -1px 1px 0 alpha(black, 0.7),*/
0 1px 1px 0 @highlight_color;
}
spinbutton:not(.vertical):dir(ltr) {
padding-left: 8px;
padding-right: 0px;
}
spinbutton:not(.vertical):dir(rtl) {
padding-left: 0px;
padding-right: 8px;
}
spinbutton.vertical text {
padding-left: 8px;
padding-right: 8px;
}
/*********** /***********
* Buttons * * Buttons *
@ -688,7 +657,7 @@ window.tiled-bottom {
window.csd.popup, window.csd.dialog.message, window.csd.solid-csd window.csd.popup, window.csd.dialog.message, window.csd.solid-csd
{ {
box-shadow: 0 4px 8px -4px alpha(black, 0.23); } box-shadow: 0 4px 8px 0px alpha(black, 0.7); }
/* /*
.csd.popup decoration { .csd.popup decoration {

44
gtk-common/common.css
View File

@ -307,17 +307,52 @@ spinner {
* Text Entries * * Text Entries *
****************/ ****************/
spinbutton:not(.vertical),
spinbutton.vertical text,
entry {
min-height: 32px;
border: 1px solid @theme_bg_color_breeze;
border-radius: 5px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: @theme_text_color_breeze;
background-color: @theme_base_color_breeze;
/*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0);*/
box-shadow: inset 0 4px 3px 0px alpha(black,0.5),
inset 0 1px 1px 0 alpha(black, 0.35),
inset 0 -1px 1px 0 @highlight_color;
}
spinbutton:not(.vertical):dir(ltr) {
padding-left: 8px;
padding-right: 0px;
}
spinbutton:not(.vertical):dir(rtl) {
padding-left: 0px;
padding-right: 8px;
}
entry { entry {
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
} }
spinbutton.vertical text {
padding-left: 0;
padding-right: 0;
}
spinbutton:not(.vertical) text {
background: none;
}
spinbutton:not(.vertical) image.left, spinbutton:not(.vertical) image.left,
entry image.left { entry image.left {
margin-right: 6px; } margin-right: 6px; }
spinbutton:not(.vertical) image.right, spinbutton:not(.vertical) image.right,
entry image.right { entry image.right {
margin-left: 6px; } margin-left: 6px; }
/* undershoots defined globally later /* undershoots defined globally later
* *
@ -625,7 +660,9 @@ button {
button.default { button.default {
font-weight: bold; font-weight: bold;
} }
notebook > header > tabs > arrow, button.titlebutton:hover, notebook > header > tabs > arrow,
button.titlebutton:hover,
windowcontrols button:hover,
button, button.flat:hover, button.flat:focus { button, button.flat:hover, button.flat:focus {
color: @button_fg_color; color: @button_fg_color;
outline-color: alpha(black, 0.1); outline-color: alpha(black, 0.1);
@ -644,7 +681,7 @@ button, button.flat:hover, button.flat:focus {
inset 0 0 0 1px black; inset 0 0 0 1px black;
background-color: @button_bg_color; background-color: @button_bg_color;
} }
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, windowcontrols button,
button.flat { button.flat {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1367,6 +1404,9 @@ button {
button.image-button { button.image-button {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; } padding-right: 2px; }
calendar header button.image-button {
padding: 0;
}
.stack-switcher > .stack-switcher >
button.needs-attention:active > label, button.needs-attention:active > label,
.stack-switcher > .stack-switcher >