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

Remade buttons so they don't have that beautiful shadow when not pressed, but which caused visual artifacts here and there. Solved hovering not having visual feedback

This commit is contained in:
eudaimon 2021-11-11 19:00:00 +01:00
parent e1bd67791f
commit eb21435d5d
3 changed files with 39 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
gtk-3.0/gtk.css
View File

@ -578,7 +578,7 @@ menubar,
* Frames *
**********/
/* should overshoots be as in the original? scrolledwindow overshoot.top {...etc}?
/* should overshoots be as in the original? scrolledwindow overshoot.top {...etc}?*/

2
gtk-4.0/gtk.css
View File

@ -557,7 +557,7 @@ window.csd > .titlebar:not(headerbar) {
**************/
//*********
/*********
* Menus *
*********/

56
gtk-common/common.css
View File

@ -593,7 +593,7 @@ button {
min-height: 24px;
min-width: 16px;
padding: 0.2em 0.5em;
border: 1px solid;
border: 0px solid;
border-radius: 5px;
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@ -609,9 +609,16 @@ button, button.flat:hover, button.flat:focus {
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);*/
border-color: @border_color; /*shade(@theme_base_color_breeze, 0.4);*/
/*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 1), shade(@theme_bg_color_breeze, 1.05));*/
background-image: linear-gradient(to top, shade(@button_bg_color,0.9), shade(@button_bg_color, 1.1));
background-image: linear-gradient(to bottom, alpha(@highlight_color,0.1), alpha(black,0.1));
/*box-shadow: inset 0px 1px 1px shade(@theme_bg_color_breeze, 1.15);*/
box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px alpha(black, 0.85), 0px 3px 3px -2px alpha(black, 0.6) ;
/*box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5),
inset 0px -1px 1px alpha(black, 0.85),
0px 3px 3px -2px alpha(black, 0.6) ;*/
box-shadow:
inset 0 0 0 1px black,
inset 0px 2px 2px 0 alpha(@highlight_color, 0.7),
inset 0px -2px 2px 0px alpha(black, 0.85);
background-color: @button_bg_color;
}
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton,
button.flat {
@ -647,7 +654,7 @@ notebook > header > tabs > arrow:hover,
/* background: linear-gradient(to top, shade(@button_bg_color, 1.05), shade(@button_bg_color, 1.1));
border-color: @borders;
border-bottom-color: shade(@borders, 0.75);*/
background-color: alpha(@highlight_color, 0.7);
background-color: shade(@button_bg_color,1.1);
}
/* headerbar button:hover {
@ -668,9 +675,14 @@ notebook > header > tabs > arrow:hover,
background-image: linear-gradient(to top, shade(@theme_button_background_active_breeze,0.9), shade(@theme_button_background_active_breeze, 1.1));
-gtk-icon-shadow: none;
/*box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6);*/
box-shadow: inset 0px 0px 2px 0px shade(@button_bg_color, 0.6),
/*box-shadow: inset 0px 0px 2px 0px shade(@button_bg_color, 0.6),
inset 0px 2px 2px 0px shade(@button_bg_color, 0.3),
0px 1px 1px alpha(@highlight_color, 0.5);
0px 1px 1px alpha(@highlight_color, 0.5);*/
box-shadow:
inset 0 0 0 1px black,
inset 0px 2px 1px 0 alpha(@highlight_color, 0.5),
inset 0px 2px 2px 1px alpha(black, 0.85),
0px 1px 0px 0px alpha(@highlight_color, 1);
transition-duration: 50ms; }
/* notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
button:backdrop.flat,
@ -753,8 +765,8 @@ notebook > header > tabs > arrow:hover,
/*background-image: image(@insensitive_bg_color_breeze);*/
background-image: none;
background-color: alpha(@insensitive_bg_color_breeze, 0.5);
box-shadow: 0px 1px 2px @borders;
box-shadow: none;
/*box-shadow: 0px 1px 2px @borders;*/
box-shadow: inset 0 0 0 1px @theme_disabled_fg_color ;
border-color: @theme_disabled_fg_color; }
notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled label,
@ -769,8 +781,10 @@ notebook > header > tabs > arrow:hover,
background-image: none;
/*background-image: image(@insensitive_bg_color_breeze);*/
background-color: alpha(@insensitive_bg_color_breeze, 0.5);
box-shadow: inset 0px 2px 2px 0px shade(@button_bg_color, 0.3),
0px 1px 1px alpha(@highlight_color, 0.5);
box-shadow: inset 0 0 0 1px @insensitive_fg_color_breeze,
inset 0px 2px 1px 0 alpha(@highlight_color, 0.5),
inset 0px 2px 2px 1px alpha(black, 0.85),
0px 1px 0px 0px alpha(@highlight_color, 1);
/*border-bottom-color: alpha(@highlight_color, 0.5);*/
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow.image-button, button.image-button.titlebutton,
@ -1014,7 +1028,8 @@ button.suggested-action {
/*text-shadow: 0 1px alpha(black, 0.428024);
-gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/
/*border-color: shade(@theme_selected_bg_color_breeze, 0.75);*/
background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1.05), shade(@theme_selected_bg_color_breeze, 1.15));
/*background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1.05), shade(@theme_selected_bg_color_breeze, 1.15));*/
background-color: @theme_selected_bg_color_breeze;
/*box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2);*/
}
.selection-mode button.titlebutton,
@ -1030,7 +1045,8 @@ button.suggested-action {
button.suggested-action:hover {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1));
background-color: shade(@theme_selected_bg_color_breeze,1.1);
/*background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1));*/
/*border-color: shade(@theme_selected_bg_color_breeze, 0.6);
border-bottom-color: shade(@theme_selected_bg_color_breeze, 0.55); */}
@ -1041,9 +1057,10 @@ button.suggested-action {
/*text-shadow: 0 1px alpha(black, 0.428024);
-gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/
/*border-color: shade(@theme_selected_bg_color_breeze, 0.4);*/
background-image: image(shade(@theme_selected_bg_color_breeze, 0.85));
background-color: shade(@theme_selected_bg_color_breeze,1.1);
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6); }
/*box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6); */
}
/* .selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
@ -1115,13 +1132,14 @@ button.suggested-action {
-gtk-icon-shadow: none;
color: @theme_disabled_fg_color; }
button.suggested-action:disabled {
/*button.suggested-action:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
background-image: image(shade(@theme_selected_bg_color_breeze, 1.15));
box-shadow: 0px 1px 2px @borders;
box-shadow: none;
border-color: shade(@theme_selected_bg_color_breeze, 0.9); }
border-color: shade(@theme_selected_bg_color_breeze, 0.9);
}
button.suggested-action:disabled label,
button.suggested-action:disabled {
@ -1134,7 +1152,7 @@ button.suggested-action {
text-shadow: none;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 1.25);
-gtk-icon-shadow: none; }
-gtk-icon-shadow: none; }*/
/* .osd
button.suggested-action {
color: @theme_selected_fg_color_breeze;
@ -3720,7 +3738,7 @@ overshoot.left {
background-image: radial-gradient(farthest-side at left, alpha(@theme_selected_bg_color_breeze, 0.8) 0%, alpha(@theme_selected_bg_color_breeze, 0.5) 50%, alpha(@theme_selected_bg_color_breeze, 0) 100%);
background-size: 1em 100%;
background-repeat: no-repeat;
background-position: center left;
background-position: left;
background-color: transparent;
border: none;
box-shadow: none;
@ -3730,7 +3748,7 @@ overshoot.right {
background-image: radial-gradient(farthest-side at right, alpha(@theme_selected_bg_color_breeze, 0.8) 0%, alpha(@theme_selected_bg_color_breeze, 0.5) 50%, alpha(@theme_selected_bg_color_breeze, 0) 100%);
background-size: 1em 100%;
background-repeat: no-repeat;
background-position: center right;
background-position: right;
background-color: transparent;
border: none;
box-shadow: none;