now buttons look good again, but not sure about the lack of shadow below them...
This commit is contained in:
parent
eb21435d5d
commit
2ed7c455f1
1 changed files with 33 additions and 106 deletions
|
@ -595,7 +595,8 @@ button {
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
border: 0px solid;
|
border: 0px solid;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
/*transition: background-color 80ms;*/
|
||||||
|
transition: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.default {
|
button.default {
|
||||||
|
@ -632,17 +633,18 @@ button, button.flat:hover, button.flat:focus {
|
||||||
transition: none; }
|
transition: none; }
|
||||||
notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
|
notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
|
||||||
button.flat:hover {
|
button.flat:hover {
|
||||||
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
/*transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);*/
|
||||||
transition-duration: 500ms;
|
transition-duration: 500ms;
|
||||||
background-color: alpha(@highlight_color, 0.2);
|
background-color: alpha(@highlight_color, 0.2);
|
||||||
}
|
}
|
||||||
notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active,
|
notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active,
|
||||||
button.flat:hover:active {
|
button.flat:hover:active {
|
||||||
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
/*transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); */}
|
||||||
notebook > header > tabs > arrow:focus, button.titlebutton:focus,
|
notebook > header > tabs > arrow:focus, button.titlebutton:focus,
|
||||||
|
|
||||||
button:focus {
|
button:focus {
|
||||||
outline-offset: -8px;
|
outline-offset: -8px;
|
||||||
background-color: alpha(@highlight_color, 0.7);
|
background-color: shade(@button_bg_color, 1.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -664,101 +666,28 @@ notebook > header > tabs > arrow:hover,
|
||||||
button:active,
|
button:active,
|
||||||
button:checked, button.flat:active, button.flat:checked {
|
button:checked, button.flat:active, button.flat:checked {
|
||||||
color: @theme_button_foreground_active_breeze;
|
color: @theme_button_foreground_active_breeze;
|
||||||
|
background-color: @theme_button_background_active_breeze;
|
||||||
outline-color: alpha(black, 0.1);
|
outline-color: alpha(black, 0.1);
|
||||||
border-color: @border_color;
|
border-color: @border_color;
|
||||||
/*text-shadow: 0 1px alpha(white, 0.769231);*/
|
|
||||||
/*-gtk-icon-shadow: 0 1px alpha(white, 0.769231);*/
|
|
||||||
/*border-color: shade(@borders, 0.6);*/
|
|
||||||
/* border-bottom-color: alpha(@highlight_color, 0.5);*/
|
|
||||||
/*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.9));*/
|
|
||||||
/*background-image: linear-gradient(to top, alpha(shade(@button_bg_color, 0.75), 0.6), alpha(shade(@button_bg_color, 0.8), 0.6));*/
|
|
||||||
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;
|
-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),
|
|
||||||
inset 0px 2px 2px 0px shade(@button_bg_color, 0.3),
|
|
||||||
0px 1px 1px alpha(@highlight_color, 0.5);*/
|
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 0 0 1px black,
|
inset 0 0 0 1px black,
|
||||||
inset 0px 2px 1px 0 alpha(@highlight_color, 0.5),
|
inset 0px 2px 1px 0 alpha(@highlight_color, 0.5),
|
||||||
inset 0px 2px 2px 1px alpha(black, 0.85),
|
inset 0px 2px 2px 1px alpha(black, 0.85),
|
||||||
0px 1px 0px 0px alpha(@highlight_color, 1);
|
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,
|
|
||||||
button:backdrop {
|
|
||||||
border-color: @unfocused_borders;
|
|
||||||
background: none;
|
|
||||||
background-image: image(@theme_bg_color_breeze);
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none;
|
|
||||||
box-shadow: inset 0 1px alpha(white, 0);
|
|
||||||
transition: 80ms ease-out;
|
|
||||||
-gtk-icon-effect: none; }
|
|
||||||
notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
|
|
||||||
button:backdrop.flat label,
|
|
||||||
button:backdrop.flat,
|
|
||||||
button:backdrop label,
|
|
||||||
button:backdrop {
|
|
||||||
color: @wm_unfocused_title; }
|
|
||||||
notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
|
|
||||||
button:backdrop.flat:active,
|
|
||||||
button:backdrop.flat:checked,
|
|
||||||
button:backdrop:active,
|
|
||||||
button:backdrop:checked {
|
|
||||||
border-color: @unfocused_borders;
|
|
||||||
background-image: image(@theme_unfocused_bg_color_breeze);
|
|
||||||
box-shadow: inset 0 1px alpha(white, 0); }
|
|
||||||
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
|
|
||||||
button:backdrop.flat:active label,
|
|
||||||
button:backdrop.flat:active,
|
|
||||||
button:backdrop.flat:checked label,
|
|
||||||
button:backdrop.flat:checked,
|
|
||||||
button:backdrop:active label,
|
|
||||||
button:backdrop:active,
|
|
||||||
button:backdrop:checked label,
|
|
||||||
button:backdrop:checked {
|
|
||||||
color: @wm_unfocused_title; }
|
|
||||||
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
|
|
||||||
button:backdrop.flat:disabled,
|
|
||||||
button:backdrop:disabled {
|
|
||||||
border-color: @unfocused_borders;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none;
|
|
||||||
box-shadow: inset 0 1px alpha(white, 0); }
|
|
||||||
notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
|
|
||||||
button:backdrop.flat:disabled label,
|
|
||||||
button:backdrop.flat:disabled,
|
|
||||||
button:backdrop:disabled label,
|
|
||||||
button:backdrop:disabled {
|
|
||||||
color: @unfocused_insensitive_color; }
|
|
||||||
notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked,
|
|
||||||
button:backdrop.flat:disabled:active,
|
|
||||||
button:backdrop.flat:disabled:checked,
|
|
||||||
button:backdrop:disabled:active,
|
|
||||||
button:backdrop:disabled:checked {
|
|
||||||
border-color: @unfocused_borders;
|
|
||||||
background-image: image(@insensitive_bg_color_breeze);
|
|
||||||
box-shadow: inset 0 1px alpha(white, 0), inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6) ; }
|
|
||||||
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
|
|
||||||
button:backdrop.flat:disabled:active label,
|
|
||||||
button:backdrop.flat:disabled:checked label,
|
|
||||||
button:backdrop:disabled:active label,
|
|
||||||
button:backdrop:disabled:checked label {
|
|
||||||
color: @unfocused_insensitive_color; }
|
|
||||||
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled,
|
|
||||||
button.flat:backdrop,
|
|
||||||
button.flat:disabled,
|
|
||||||
button.flat:backdrop:disabled {
|
|
||||||
border-color: transparent;
|
|
||||||
background-color: transparent;
|
|
||||||
background-image: none;
|
|
||||||
box-shadow: inset 0 1px alpha(white, 0);
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none; }
|
|
||||||
*/
|
|
||||||
|
|
||||||
notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
|
/*transition-duration: 50ms; */}
|
||||||
|
|
||||||
|
button:checked:hover, button.flat:checked:hover {
|
||||||
|
background-color: shade(@theme_button_background_active_breeze, 1.1);
|
||||||
|
}
|
||||||
|
button:checked:focus, button.flat:checked:focus {
|
||||||
|
background-color: shade(@theme_button_background_active_breeze, 1.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button.suggested-action:disabled, button.destructive-action:disabled,
|
||||||
button:disabled {
|
button:disabled {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
-gtk-icon-shadow: none;
|
-gtk-icon-shadow: none;
|
||||||
|
@ -768,11 +697,13 @@ notebook > header > tabs > arrow:hover,
|
||||||
/*box-shadow: 0px 1px 2px @borders;*/
|
/*box-shadow: 0px 1px 2px @borders;*/
|
||||||
box-shadow: inset 0 0 0 1px @theme_disabled_fg_color ;
|
box-shadow: inset 0 0 0 1px @theme_disabled_fg_color ;
|
||||||
border-color: @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,
|
notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
|
||||||
button:disabled label,
|
button:disabled label,
|
||||||
button:disabled {
|
button:disabled {
|
||||||
color: @theme_disabled_fg_color;} /*@wm_unfocused_title; }*/
|
color: @theme_disabled_fg_color;} /*@wm_unfocused_title; }*/
|
||||||
notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
|
notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button.suggested-action:disabled:checked, button.destructive-action:disabled:checked,
|
||||||
button:disabled:active,
|
button:disabled:active,
|
||||||
button:disabled:checked {
|
button:disabled:checked {
|
||||||
/*color: @theme_fg_color_breeze;*/
|
/*color: @theme_fg_color_breeze;*/
|
||||||
|
@ -1320,17 +1251,11 @@ button.flat.close:hover, button.flat.close:focus {
|
||||||
-gtk-icon-shadow: none;
|
-gtk-icon-shadow: none;
|
||||||
color: alpha(@error_color_breeze, 0.8); }*/
|
color: alpha(@error_color_breeze, 0.8); }*/
|
||||||
|
|
||||||
button.destructive-action:disabled {
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none;
|
|
||||||
background-image: image(alpha(@error_color_breeze, 0.35));
|
|
||||||
box-shadow: 0px 1px 2px @borders;
|
|
||||||
box-shadow: none;
|
|
||||||
border-color: @borders; }
|
|
||||||
|
|
||||||
button.destructive-action:disabled label,
|
button.destructive-action:disabled label,
|
||||||
button.destructive-action:disabled {
|
button.destructive-action:disabled {
|
||||||
color: alpha(@theme_selected_fg_color_breeze, 0.65); }
|
color: @theme_disabled_fg_color; }
|
||||||
|
|
||||||
button.destructive-action:disabled:active,
|
button.destructive-action:disabled:active,
|
||||||
button.destructive-action:disabled:checked {
|
button.destructive-action:disabled:checked {
|
||||||
|
@ -1547,7 +1472,7 @@ button.circular {
|
||||||
color: @unfocused_insensitive_color; }*/
|
color: @unfocused_insensitive_color; }*/
|
||||||
|
|
||||||
|
|
||||||
.needs-attention {
|
.needs-attention > label{
|
||||||
animation: needs_attention 150ms ease-in;
|
animation: needs_attention 150ms ease-in;
|
||||||
background-image: radial-gradient(closest-side, @warning_color_breeze 0%, @warning_color_breeze 50%, alpha(@warning_color_breeze, 0) 100%);
|
background-image: radial-gradient(closest-side, @warning_color_breeze 0%, @warning_color_breeze 50%, alpha(@warning_color_breeze, 0) 100%);
|
||||||
background-size: 1em 1em;
|
background-size: 1em 1em;
|
||||||
|
@ -1555,7 +1480,7 @@ button.circular {
|
||||||
background-position: top right;
|
background-position: top right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.needs-attention:dir(rtl) {
|
.needs-attention:dir(rtl) > label {
|
||||||
background-position: top left;
|
background-position: top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2245,16 +2170,18 @@ treeview.view {
|
||||||
treeview.view acceleditor > label {
|
treeview.view acceleditor > label {
|
||||||
background-color: @theme_selected_bg_color_breeze; }
|
background-color: @theme_selected_bg_color_breeze; }
|
||||||
|
|
||||||
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
|
treeview.view header button /* , treeview.view header button:hover, treeview.view header button:active */
|
||||||
|
{
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
background-image: none;
|
/*background-image: none;*/
|
||||||
border-style: none solid solid none;
|
border-style: none solid solid none;
|
||||||
border-color: @theme_bg_color_breeze;
|
border-color: @theme_bg_color_breeze;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
box-shadow: inset -1px 0 0 0 @borders; }
|
||||||
treeview.view header button:disabled {
|
treeview.view header button:disabled {
|
||||||
border-color: @theme_bg_color_breeze;
|
border-color: @theme_bg_color_breeze;
|
||||||
background-image: none; }
|
background-color: @insensitive_bg_color_breeze; }
|
||||||
/*treeview.view header button:backdrop {
|
/*treeview.view header button:backdrop {
|
||||||
color: shade(@theme_fg_color_breeze, 1.1);
|
color: shade(@theme_fg_color_breeze, 1.1);
|
||||||
border-color: @theme_bg_color_breeze;
|
border-color: @theme_bg_color_breeze;
|
||||||
|
|
Loading…
Reference in a new issue