Moved most headerbar code to common.css, fixed top highlight for backdrop windows

This commit is contained in:
chronos 2021-12-21 19:39:48 +01:00
parent 894f380dd0
commit 6b07299571
3 changed files with 434 additions and 843 deletions

View File

@ -70,424 +70,8 @@ toolbar, .inline-toolbar, searchbar,
/***************
* Header bars *
***************/
.titlebar:not(headerbar),
headerbar {
color: @theme_titlebar_foreground_breeze;
/*text-shadow: 0 1px alpha(@text_shadow_color, 0.3), 0 -1px alpha(black, 0.3);*/
padding: 0 6px;
min-height: 2em;
border-width: 0;
border-radius: 0;
/* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.95) 4px, @theme_bg_color_breeze 7px);*/
background: linear-gradient(to top, @theme_titlebar_background_breeze, shade(@theme_titlebar_background_breeze, 1.1));
/* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.8), shade(@theme_bg_color_breeze, 0.6) 2px, shade(@theme_bg_color_breeze, 1.05) 3px); */
/* background: linear-gradient(to top, @theme_bg_color_breeze, shade(@theme_bg_color_breeze, 1.15)); */
box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.3); }
.titlebar:backdrop:not(headerbar),
headerbar:backdrop {
color: @theme_titlebar_foreground_backdrop_breeze;
border-color: transparent;
background-color: @theme_titlebar_background_backdrop_breeze;
background-image: none;
box-shadow: none;
transition: 80ms ease-out; }
.titlebar:not(headerbar) .title,
headerbar .title {
padding-left: 12px;
padding-right: 12px; }
.titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
font-size: smaller;
padding-left: 12px;
padding-right: 12px; }
.selection-mode.titlebar:not(headerbar),
headerbar.selection-mode {
color: @theme_selected_fg_color_breeze;
border-color: shade(@theme_selected_bg_color_breeze, 0.45);
/*text-shadow: 0 -1px alpha(black, 0.5);*/
background: @theme_selected_bg_color_breeze linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 0.9), shade(@theme_selected_bg_color_breeze, 0.7) 2px, @theme_selected_bg_color_breeze 3px);
box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:backdrop:not(headerbar),
headerbar.selection-mode:backdrop {
background-color: @theme_selected_bg_color_breeze;
background-image: none;
box-shadow: inset 0 1px shade(@theme_selected_bg_color_breeze, 1.15); }
.selection-mode.titlebar:not(headerbar) button,
headerbar.selection-mode button {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
/*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.6);
background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1));
box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:not(headerbar) button.flat,
headerbar.selection-mode button.flat {
color: @theme_selected_fg_color_breeze;
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px alpha(white, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:hover,
headerbar.selection-mode button: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.05), shade(@theme_selected_bg_color_breeze, 1.15)); }
.selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked,
headerbar.selection-mode button:active,
headerbar.selection-mode button:checked {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
/*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.5);
background-image: image(shade(@theme_selected_bg_color_breeze, 0.7));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
border-color: @theme_selected_bg_color_breeze;
background-image: image(@theme_selected_bg_color_breeze);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
-gtk-icon-effect: none;
border-color: shade(@theme_selected_bg_color_breeze, 0.7); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat label,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop label,
headerbar.selection-mode button:backdrop {
color: shade(@theme_selected_bg_color_breeze, 1.45); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
background-image: image(shade(@theme_selected_bg_color_breeze, 0.75));
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active label,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked label,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active label,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked label,
headerbar.selection-mode button:backdrop:checked {
color: alpha(@theme_selected_fg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled label,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled label,
headerbar.selection-mode button:backdrop:disabled {
color: alpha(@theme_selected_fg_color_breeze, 0.7); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked,
headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
border-color: @theme_selected_bg_color_breeze;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
headerbar.selection-mode button:backdrop.flat:disabled:active label,
headerbar.selection-mode button:backdrop.flat:disabled:checked label,
headerbar.selection-mode button:backdrop:disabled:active label,
headerbar.selection-mode button:backdrop:disabled:checked label {
color: shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
headerbar.selection-mode 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; }
.selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: 0px 1px 2px alpha(@theme_selected_bg_color_breeze, 0.7);
box-shadow: none;
border-color: @borders; }
.selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled label,
headerbar.selection-mode button:disabled {
color: shade(@theme_selected_bg_color_breeze, 1.45); }
.selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
text-shadow: none;
background-image: image(shade(@theme_selected_bg_color_breeze, 0.85));
box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6);
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button.suggested-action,
headerbar.selection-mode button.suggested-action {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
/*text-shadow: 0 1px alpha(white, 0.769231);
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231);*/
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1);
border-color: shade(@theme_selected_bg_color_breeze, 0.75); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
headerbar.selection-mode button.suggested-action:hover {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
background-image: image(shade(@theme_selected_bg_color_breeze, 1.05));
border-color: shade(@theme_selected_bg_color_breeze, 0.75); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:active,
headerbar.selection-mode button.suggested-action:active {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
/*text-shadow: 0 1px alpha(white, 0.769231);
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231);*/
background-image: image(shade(@theme_selected_bg_color_breeze, 0.7));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: 0px 1px 2px @borders;
box-shadow: none;
border-color: shade(@theme_selected_bg_color_breeze, 0.85); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled label,
headerbar.selection-mode button.suggested-action:disabled {
color: @theme_disabled_fg_color; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
background-image: image(@theme_selected_bg_color_breeze);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.8); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop label,
headerbar.selection-mode button.suggested-action:backdrop {
color: @theme_disabled_fg_color; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.9); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled label,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: @unfocused_insensitive_color; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
border-color: rgba(42, 145, 250, 0);
background-color: rgba(42, 145, 250, 0);
background-image: none;
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow,
headerbar.selection-mode .selection-menu:backdrop arrow,
headerbar.selection-mode .selection-menu arrow {
-GtkArrow-arrow-scaling: 1; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
headerbar.selection-mode .selection-menu:backdrop .arrow,
headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: alpha(@theme_fg_color_breeze, 0.65);
-gtk-icon-shadow: none; }
.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar),
.tiled-top .titlebar:backdrop:not(headerbar),
.tiled-top .titlebar:not(headerbar),
.tiled-right .titlebar:backdrop:not(headerbar),
.tiled-right .titlebar:not(headerbar),
.tiled-bottom .titlebar:backdrop:not(headerbar),
.tiled-bottom .titlebar:not(headerbar),
.tiled-left .titlebar:backdrop:not(headerbar),
.tiled-left .titlebar:not(headerbar),
.maximized .titlebar:backdrop:not(headerbar),
.maximized .titlebar:not(headerbar),
.fullscreen .titlebar:backdrop:not(headerbar),
.fullscreen .titlebar:not(headerbar), .tiled
headerbar:backdrop, .tiled
headerbar,
.tiled-top
headerbar:backdrop,
.tiled-top
headerbar,
.tiled-right
headerbar:backdrop,
.tiled-right
headerbar,
.tiled-bottom
headerbar:backdrop,
.tiled-bottom
headerbar,
.tiled-left
headerbar:backdrop,
.tiled-left
headerbar,
.maximized
headerbar:backdrop,
.maximized
headerbar,
.fullscreen
headerbar:backdrop,
.fullscreen
headerbar {
border-radius: 0;
background-color: @theme_bg_color_breeze; }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 28px;
padding: 4px; }
.default-decoration.titlebar:not(headerbar) button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 26px;
min-width: 26px;
margin: 0;
padding: 0; }
.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
headerbar:backdrop:dir(rtl), .solid-csd
headerbar:backdrop:dir(ltr), .solid-csd
headerbar:dir(rtl), .solid-csd
headerbar:dir(ltr) {
margin-left: -1px;
margin-right: -1px;
margin-top: -1px;
border-radius: 0;
box-shadow: none; }
headerbar entry,
headerbar spinbutton,
headerbar separator,
headerbar button {
margin-top: 0.3em;
margin-bottom: 0.3em;
/*border-color: alpha(black, 0.3);*/
}
/*headerbar button:disabled {
background-color: alpha(@insensitive_bg_color_breeze, 0.2);
border-color: alpha(black, 0.2);
}*/
headerbar switch {
margin-top: 14px;
margin-bottom: 14px; }
.background .titlebar:backdrop, .background .titlebar {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.background.tiled .titlebar:backdrop, .background.tiled .titlebar,
.background.tiled-top .titlebar:backdrop,
.background.tiled-top .titlebar,
.background.tiled-right .titlebar:backdrop,
.background.tiled-right .titlebar,
.background.tiled-bottom .titlebar:backdrop,
.background.tiled-bottom .titlebar,
.background.tiled-left .titlebar:backdrop,
.background.tiled-left .titlebar,
.background.maximized .titlebar:backdrop,
.background.maximized .titlebar,
.background.solid-csd .titlebar:backdrop,
.background.solid-csd .titlebar {
border-top-left-radius: 0;
border-top-right-radius: 0; }
window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar,
window headerbar:first-child:backdrop,
window headerbar:first-child {
border-top-left-radius: 5px; }
window headerbar:last-child:backdrop, window headerbar:last-child {
border-top-right-radius: 5px; }
window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child,
window.tiled-top headerbar,
window.tiled-top headerbar:first-child,
window.tiled-top headerbar:last-child,
window.tiled-top headerbar:only-child,
window.tiled-top headerbar:backdrop,
window.tiled-top headerbar:backdrop:first-child,
window.tiled-top headerbar:backdrop:last-child,
window.tiled-top headerbar:backdrop:only-child,
window.tiled-right headerbar,
window.tiled-right headerbar:first-child,
window.tiled-right headerbar:last-child,
window.tiled-right headerbar:only-child,
window.tiled-right headerbar:backdrop,
window.tiled-right headerbar:backdrop:first-child,
window.tiled-right headerbar:backdrop:last-child,
window.tiled-right headerbar:backdrop:only-child,
window.tiled-bottom headerbar,
window.tiled-bottom headerbar:first-child,
window.tiled-bottom headerbar:last-child,
window.tiled-bottom headerbar:only-child,
window.tiled-bottom headerbar:backdrop,
window.tiled-bottom headerbar:backdrop:first-child,
window.tiled-bottom headerbar:backdrop:last-child,
window.tiled-bottom headerbar:backdrop:only-child,
window.tiled-left headerbar,
window.tiled-left headerbar:first-child,
window.tiled-left headerbar:last-child,
window.tiled-left headerbar:only-child,
window.tiled-left headerbar:backdrop,
window.tiled-left headerbar:backdrop:first-child,
window.tiled-left headerbar:backdrop:last-child,
window.tiled-left headerbar:backdrop:only-child,
window.maximized headerbar,
window.maximized headerbar:first-child,
window.maximized headerbar:last-child,
window.maximized headerbar:only-child,
window.maximized headerbar:backdrop,
window.maximized headerbar:backdrop:first-child,
window.maximized headerbar:backdrop:last-child,
window.maximized headerbar:backdrop:only-child,
window.fullscreen headerbar,
window.fullscreen headerbar:first-child,
window.fullscreen headerbar:last-child,
window.fullscreen headerbar:only-child,
window.fullscreen headerbar:backdrop,
window.fullscreen headerbar:backdrop:first-child,
window.fullscreen headerbar:backdrop:last-child,
window.fullscreen headerbar:backdrop:only-child,
window.solid-csd headerbar,
window.solid-csd headerbar:first-child,
window.solid-csd headerbar:last-child,
window.solid-csd headerbar:only-child,
window.solid-csd headerbar:backdrop,
window.solid-csd headerbar:backdrop:first-child,
window.solid-csd headerbar:backdrop:last-child,
window.solid-csd headerbar:backdrop:only-child {
border-top-left-radius: 0;
border-top-right-radius: 0; }
/*window.csd > .titlebar:not(headerbar) {
padding: 0;
@ -497,10 +81,6 @@ window.solid-csd headerbar:backdrop:only-child {
border-color: transparent;
box-shadow: none; }*/
.titlebar:not(headerbar) > separator {
background-color: @borders; }

View File

@ -95,426 +95,8 @@ notebook > header > tabs > arrow:hover,
/***************
* Header bars *
***************/
/*.titlebar:not(headerbar),*/
.titlebar,
headerbar {
color: @theme_titlebar_foreground_breeze;
/*text-shadow: 0 1px alpha(@text_shadow_color, 0.3), 0 -1px alpha(black, 0.3);*/
padding: 0 6px;
min-height: 46px;
border-width: 0;
border-radius: 0;
/* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.95) 4px, @theme_bg_color_breeze 7px);*/
background-image: linear-gradient(to top, @theme_titlebar_background_breeze, shade(@theme_titlebar_background_breeze, 1.1));
/* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.8), shade(@theme_bg_color_breeze, 0.6) 2px, shade(@theme_bg_color_breeze, 1.05) 3px); */
/* background: linear-gradient(to top, @theme_bg_color_breeze, shade(@theme_bg_color_breeze, 1.15)); */
box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.3); }
/*.titlebar:backdrop:not(headerbar),*/
.titlebar:backdrop,
headerbar:backdrop {
color: @theme_titlebar_foreground_backdrop_breeze;
border-color: transparent;
background-color: @theme_header_unfocused_bg;
background-image: linear-gradient(to top, @theme_titlebar_background_backdrop_breeze, shade(@theme_titlebar_background_backdrop_breeze, 1.1));
box-shadow: none;
transition: 80ms ease-out; }
.titlebar:not(headerbar) .title,
headerbar .title {
padding-left: 12px;
padding-right: 12px; }
.titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
font-size: smaller;
padding-left: 12px;
padding-right: 12px; }
.selection-mode.titlebar:not(headerbar),
headerbar.selection-mode {
color: @theme_selected_fg_color_breeze;
border-color: shade(@theme_selected_bg_color_breeze, 0.45);
/*text-shadow: 0 -1px alpha(black, 0.5);*/
background: @theme_selected_bg_color_breeze linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 0.9), shade(@theme_selected_bg_color_breeze, 0.7) 2px, @theme_selected_bg_color_breeze 3px);
box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:backdrop:not(headerbar),
headerbar.selection-mode:backdrop {
background-color: @theme_selected_bg_color_breeze;
background-image: none;
box-shadow: inset 0 1px shade(@theme_selected_bg_color_breeze, 1.15); }
.selection-mode.titlebar:not(headerbar) button,
headerbar.selection-mode button {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
/*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.6);
background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1));
box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:not(headerbar) button.flat,
headerbar.selection-mode button.flat {
color: @theme_selected_fg_color_breeze;
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px alpha(white, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:hover,
headerbar.selection-mode button: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.05), shade(@theme_selected_bg_color_breeze, 1.15)); }
.selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked,
headerbar.selection-mode button:active,
headerbar.selection-mode button:checked {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
/*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.5);
background-image: image(shade(@theme_selected_bg_color_breeze, 0.7));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
border-color: @theme_selected_bg_color_breeze;
background-image: image(@theme_selected_bg_color_breeze);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
-gtk-icon-filter: none;
border-color: shade(@theme_selected_bg_color_breeze, 0.7); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat label,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop label,
headerbar.selection-mode button:backdrop {
color: shade(@theme_selected_bg_color_breeze, 1.45); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
background-image: image(shade(@theme_selected_bg_color_breeze, 0.75));
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active label,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked label,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active label,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked label,
headerbar.selection-mode button:backdrop:checked {
color: alpha(@theme_selected_fg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled label,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled label,
headerbar.selection-mode button:backdrop:disabled {
color: alpha(@theme_selected_fg_color_breeze, 0.7); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked,
headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
border-color: @theme_selected_bg_color_breeze;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
headerbar.selection-mode button:backdrop.flat:disabled:active label,
headerbar.selection-mode button:backdrop.flat:disabled:checked label,
headerbar.selection-mode button:backdrop:disabled:active label,
headerbar.selection-mode button:backdrop:disabled:checked label {
color: shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
headerbar.selection-mode 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; }
.selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: 0px 1px 2px alpha(@theme_selected_bg_color_breeze, 0.7);
box-shadow: none;
border-color: @borders; }
.selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled label,
headerbar.selection-mode button:disabled {
color: shade(@theme_selected_bg_color_breeze, 1.45); }
.selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
text-shadow: none;
background-image: image(shade(@theme_selected_bg_color_breeze, 0.85));
box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6);
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button.suggested-action,
headerbar.selection-mode button.suggested-action {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
/*text-shadow: 0 1px alpha(white, 0.769231);
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231);*/
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1);
border-color: shade(@theme_selected_bg_color_breeze, 0.75); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
headerbar.selection-mode button.suggested-action:hover {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
background-image: image(shade(@theme_selected_bg_color_breeze, 1.05));
border-color: shade(@theme_selected_bg_color_breeze, 0.75); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:active,
headerbar.selection-mode button.suggested-action:active {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
/*text-shadow: 0 1px alpha(white, 0.769231);
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231);*/
background-image: image(shade(@theme_selected_bg_color_breeze, 0.7));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: 0px 1px 2px @borders;
box-shadow: none;
border-color: shade(@theme_selected_bg_color_breeze, 0.85); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled label,
headerbar.selection-mode button.suggested-action:disabled {
color: @theme_disabled_fg_color; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
background-image: image(@theme_selected_bg_color_breeze);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.8); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop label,
headerbar.selection-mode button.suggested-action:backdrop {
color: @theme_disabled_fg_color; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.9); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled label,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: @unfocused_insensitive_color; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
border-color: rgba(42, 145, 250, 0);
background-color: rgba(42, 145, 250, 0);
background-image: none;
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow,
headerbar.selection-mode .selection-menu:backdrop arrow,
headerbar.selection-mode .selection-menu arrow {
/*-GtkArrow-arrow-scaling: 1;*/ }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
headerbar.selection-mode .selection-menu:backdrop .arrow,
headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: alpha(@theme_fg_color_breeze, 0.65);
-gtk-icon-shadow: none; }
.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar),
.tiled-top .titlebar:backdrop:not(headerbar),
.tiled-top .titlebar:not(headerbar),
.tiled-right .titlebar:backdrop:not(headerbar),
.tiled-right .titlebar:not(headerbar),
.tiled-bottom .titlebar:backdrop:not(headerbar),
.tiled-bottom .titlebar:not(headerbar),
.tiled-left .titlebar:backdrop:not(headerbar),
.tiled-left .titlebar:not(headerbar),
.maximized .titlebar:backdrop:not(headerbar),
.maximized .titlebar:not(headerbar),
.fullscreen .titlebar:backdrop:not(headerbar),
.fullscreen .titlebar:not(headerbar), .tiled
headerbar:backdrop, .tiled
headerbar,
.tiled-top
headerbar:backdrop,
.tiled-top
headerbar,
.tiled-right
headerbar:backdrop,
.tiled-right
headerbar,
.tiled-bottom
headerbar:backdrop,
.tiled-bottom
headerbar,
.tiled-left
headerbar:backdrop,
.tiled-left
headerbar,
.maximized
headerbar:backdrop,
.maximized
headerbar,
.fullscreen
headerbar:backdrop,
.fullscreen
headerbar {
border-radius: 0;
background-color: @theme_bg_color_breeze; }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 28px;
padding: 4px; }
.default-decoration.titlebar:not(headerbar) button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 26px;
min-width: 26px;
margin: 0;
padding: 0; }
.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
headerbar:backdrop:dir(rtl), .solid-csd
headerbar:backdrop:dir(ltr), .solid-csd
headerbar:dir(rtl), .solid-csd
headerbar:dir(ltr) {
margin-left: -1px;
margin-right: -1px;
margin-top: -1px;
border-radius: 0;
box-shadow: none; }
headerbar entry,
headerbar spinbutton,
headerbar separator,
headerbar button {
margin-top: 0.3em;
margin-bottom: 0.3em;
/*border-color: alpha(black, 0.3);*/
}
/*headerbar button:disabled {
background-color: alpha(@insensitive_bg_color_breeze, 0.2);
border-color: alpha(black, 0.2);
}*/
headerbar switch {
margin-top: 14px;
margin-bottom: 14px; }
.background .titlebar:backdrop, .background .titlebar {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.background.tiled .titlebar:backdrop, .background.tiled .titlebar,
.background.tiled-top .titlebar:backdrop,
.background.tiled-top .titlebar,
.background.tiled-right .titlebar:backdrop,
.background.tiled-right .titlebar,
.background.tiled-bottom .titlebar:backdrop,
.background.tiled-bottom .titlebar,
.background.tiled-left .titlebar:backdrop,
.background.tiled-left .titlebar,
.background.maximized .titlebar:backdrop,
.background.maximized .titlebar,
.background.solid-csd .titlebar:backdrop,
.background.solid-csd .titlebar {
border-top-left-radius: 0;
border-top-right-radius: 0; }
window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar,
window headerbar:first-child:backdrop,
window headerbar:first-child {
border-top-left-radius: 5px; }
window headerbar:last-child:backdrop, window headerbar:last-child {
border-top-right-radius: 5px; }
window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child,
window.tiled-top headerbar,
window.tiled-top headerbar:first-child,
window.tiled-top headerbar:last-child,
window.tiled-top headerbar:only-child,
window.tiled-top headerbar:backdrop,
window.tiled-top headerbar:backdrop:first-child,
window.tiled-top headerbar:backdrop:last-child,
window.tiled-top headerbar:backdrop:only-child,
window.tiled-right headerbar,
window.tiled-right headerbar:first-child,
window.tiled-right headerbar:last-child,
window.tiled-right headerbar:only-child,
window.tiled-right headerbar:backdrop,
window.tiled-right headerbar:backdrop:first-child,
window.tiled-right headerbar:backdrop:last-child,
window.tiled-right headerbar:backdrop:only-child,
window.tiled-bottom headerbar,
window.tiled-bottom headerbar:first-child,
window.tiled-bottom headerbar:last-child,
window.tiled-bottom headerbar:only-child,
window.tiled-bottom headerbar:backdrop,
window.tiled-bottom headerbar:backdrop:first-child,
window.tiled-bottom headerbar:backdrop:last-child,
window.tiled-bottom headerbar:backdrop:only-child,
window.tiled-left headerbar,
window.tiled-left headerbar:first-child,
window.tiled-left headerbar:last-child,
window.tiled-left headerbar:only-child,
window.tiled-left headerbar:backdrop,
window.tiled-left headerbar:backdrop:first-child,
window.tiled-left headerbar:backdrop:last-child,
window.tiled-left headerbar:backdrop:only-child,
window.maximized headerbar,
window.maximized headerbar:first-child,
window.maximized headerbar:last-child,
window.maximized headerbar:only-child,
window.maximized headerbar:backdrop,
window.maximized headerbar:backdrop:first-child,
window.maximized headerbar:backdrop:last-child,
window.maximized headerbar:backdrop:only-child,
window.fullscreen headerbar,
window.fullscreen headerbar:first-child,
window.fullscreen headerbar:last-child,
window.fullscreen headerbar:only-child,
window.fullscreen headerbar:backdrop,
window.fullscreen headerbar:backdrop:first-child,
window.fullscreen headerbar:backdrop:last-child,
window.fullscreen headerbar:backdrop:only-child,
window.solid-csd headerbar,
window.solid-csd headerbar:first-child,
window.solid-csd headerbar:last-child,
window.solid-csd headerbar:only-child,
window.solid-csd headerbar:backdrop,
window.solid-csd headerbar:backdrop:first-child,
window.solid-csd headerbar:backdrop:last-child,
window.solid-csd headerbar:backdrop:only-child {
border-top-left-radius: 0;
border-top-right-radius: 0; }
window.csd > .titlebar:not(headerbar) {
padding: 0;
@ -524,9 +106,6 @@ window.csd > .titlebar:not(headerbar) {
border-color: transparent;
box-shadow: none; }
.titlebar:not(headerbar) > separator {
background-color: @borders; }

View File

@ -288,6 +288,8 @@ headerbar widget {
color: inherit;
}*/
/*********************
* Spinner Animation *
*********************/
@ -647,6 +649,436 @@ treeview entry.flat, treeview entry {
color: @theme_selected_fg_color_breeze; }
/***************
* Header bars *
***************/
/*.titlebar:not(headerbar),*/
.titlebar,
headerbar {
color: @theme_titlebar_foreground_breeze;
/*text-shadow: 0 1px alpha(@text_shadow_color, 0.3), 0 -1px alpha(black, 0.3);*/
padding: 0 6px;
min-height: 46px;
border-width: 0;
border-radius: 0;
/* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.95) 4px, @theme_bg_color_breeze 7px);*/
background-image: linear-gradient(to top, @theme_titlebar_background_breeze, shade(@theme_titlebar_background_breeze, 1.1));
/* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.8), shade(@theme_bg_color_breeze, 0.6) 2px, shade(@theme_bg_color_breeze, 1.05) 3px); */
/* background: linear-gradient(to top, @theme_bg_color_breeze, shade(@theme_bg_color_breeze, 1.15)); */
box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.3); }
/*.titlebar:backdrop:not(headerbar),*/
.titlebar:backdrop,
headerbar:backdrop {
color: @theme_titlebar_foreground_backdrop_breeze;
border-color: transparent;
background-color: @theme_header_unfocused_bg;
background-image: linear-gradient(to top, @theme_titlebar_background_backdrop_breeze, shade(@theme_titlebar_background_backdrop_breeze, 1.1));
/*box-shadow: none;*/
transition: 80ms ease-out; }
.titlebar:not(headerbar) .title,
headerbar .title {
padding-left: 12px;
padding-right: 12px; }
.titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
font-size: smaller;
padding-left: 12px;
padding-right: 12px; }
.selection-mode.titlebar:not(headerbar),
headerbar.selection-mode {
color: @theme_selected_fg_color_breeze;
border-color: shade(@theme_selected_bg_color_breeze, 0.45);
/*text-shadow: 0 -1px alpha(black, 0.5);*/
background: @theme_selected_bg_color_breeze linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 0.9), shade(@theme_selected_bg_color_breeze, 0.7) 2px, @theme_selected_bg_color_breeze 3px);
box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:backdrop:not(headerbar),
headerbar.selection-mode:backdrop {
background-color: @theme_selected_bg_color_breeze;
background-image: none;
box-shadow: inset 0 1px shade(@theme_selected_bg_color_breeze, 1.15); }
.selection-mode.titlebar:not(headerbar) button,
headerbar.selection-mode button {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
/*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.6);
background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1));
box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:not(headerbar) button.flat,
headerbar.selection-mode button.flat {
color: @theme_selected_fg_color_breeze;
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px alpha(white, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:hover,
headerbar.selection-mode button: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.05), shade(@theme_selected_bg_color_breeze, 1.15)); }
.selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked,
headerbar.selection-mode button:active,
headerbar.selection-mode button:checked {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
/*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.5);
background-image: image(shade(@theme_selected_bg_color_breeze, 0.7));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
border-color: @theme_selected_bg_color_breeze;
background-image: image(@theme_selected_bg_color_breeze);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
-gtk-icon-filter: none;
border-color: shade(@theme_selected_bg_color_breeze, 0.7); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat label,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop label,
headerbar.selection-mode button:backdrop {
color: shade(@theme_selected_bg_color_breeze, 1.45); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
background-image: image(shade(@theme_selected_bg_color_breeze, 0.75));
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active label,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked label,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active label,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked label,
headerbar.selection-mode button:backdrop:checked {
color: alpha(@theme_selected_fg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled label,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled label,
headerbar.selection-mode button:backdrop:disabled {
color: alpha(@theme_selected_fg_color_breeze, 0.7); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked,
headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
border-color: @theme_selected_bg_color_breeze;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
headerbar.selection-mode button:backdrop.flat:disabled:active label,
headerbar.selection-mode button:backdrop.flat:disabled:checked label,
headerbar.selection-mode button:backdrop:disabled:active label,
headerbar.selection-mode button:backdrop:disabled:checked label {
color: shade(@theme_selected_bg_color_breeze, 1.2); }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
headerbar.selection-mode 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; }
.selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: 0px 1px 2px alpha(@theme_selected_bg_color_breeze, 0.7);
box-shadow: none;
border-color: @borders; }
.selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled label,
headerbar.selection-mode button:disabled {
color: shade(@theme_selected_bg_color_breeze, 1.45); }
.selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(white, 0.2);
text-shadow: none;
background-image: image(shade(@theme_selected_bg_color_breeze, 0.85));
box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6);
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button.suggested-action,
headerbar.selection-mode button.suggested-action {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
/*text-shadow: 0 1px alpha(white, 0.769231);
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231);*/
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1);
border-color: shade(@theme_selected_bg_color_breeze, 0.75); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
headerbar.selection-mode button.suggested-action:hover {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
background-image: image(shade(@theme_selected_bg_color_breeze, 1.05));
border-color: shade(@theme_selected_bg_color_breeze, 0.75); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:active,
headerbar.selection-mode button.suggested-action:active {
color: @theme_selected_fg_color_breeze;
outline-color: alpha(black, 0.1);
/*text-shadow: 0 1px alpha(white, 0.769231);
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231);*/
background-image: image(shade(@theme_selected_bg_color_breeze, 0.7));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75);
border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
background-image: image(@theme_selected_bg_color_breeze);
box-shadow: 0px 1px 2px @borders;
box-shadow: none;
border-color: shade(@theme_selected_bg_color_breeze, 0.85); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled label,
headerbar.selection-mode button.suggested-action:disabled {
color: @theme_disabled_fg_color; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
background-image: image(@theme_selected_bg_color_breeze);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.8); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop label,
headerbar.selection-mode button.suggested-action:backdrop {
color: @theme_disabled_fg_color; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px alpha(white, 0);
border-color: shade(@theme_selected_bg_color_breeze, 0.9); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled label,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: @unfocused_insensitive_color; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
border-color: rgba(42, 145, 250, 0);
background-color: rgba(42, 145, 250, 0);
background-image: none;
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow,
headerbar.selection-mode .selection-menu:backdrop arrow,
headerbar.selection-mode .selection-menu arrow {
/*-GtkArrow-arrow-scaling: 1;*/ }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
headerbar.selection-mode .selection-menu:backdrop .arrow,
headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: alpha(@theme_fg_color_breeze, 0.65);
-gtk-icon-shadow: none; }
.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar),
.tiled-top .titlebar:backdrop:not(headerbar),
.tiled-top .titlebar:not(headerbar),
.tiled-right .titlebar:backdrop:not(headerbar),
.tiled-right .titlebar:not(headerbar),
.tiled-bottom .titlebar:backdrop:not(headerbar),
.tiled-bottom .titlebar:not(headerbar),
.tiled-left .titlebar:backdrop:not(headerbar),
.tiled-left .titlebar:not(headerbar),
.maximized .titlebar:backdrop:not(headerbar),
.maximized .titlebar:not(headerbar),
.fullscreen .titlebar:backdrop:not(headerbar),
.fullscreen .titlebar:not(headerbar), .tiled
headerbar:backdrop, .tiled
headerbar,
.tiled-top
headerbar:backdrop,
.tiled-top
headerbar,
.tiled-right
headerbar:backdrop,
.tiled-right
headerbar,
.tiled-bottom
headerbar:backdrop,
.tiled-bottom
headerbar,
.tiled-left
headerbar:backdrop,
.tiled-left
headerbar,
.maximized
headerbar:backdrop,
.maximized
headerbar,
.fullscreen
headerbar:backdrop,
.fullscreen
headerbar {
border-radius: 0;
background-color: @theme_bg_color_breeze; }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 28px;
padding: 4px; }
.default-decoration.titlebar:not(headerbar) button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 26px;
min-width: 26px;
margin: 0;
padding: 0; }
.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
headerbar:backdrop:dir(rtl), .solid-csd
headerbar:backdrop:dir(ltr), .solid-csd
headerbar:dir(rtl), .solid-csd
headerbar:dir(ltr) {
margin-left: -1px;
margin-right: -1px;
margin-top: -1px;
border-radius: 0;
box-shadow: none; }
headerbar entry,
headerbar spinbutton,
headerbar separator,
headerbar button {
margin-top: 0.3em;
margin-bottom: 0.3em;
/*border-color: alpha(black, 0.3);*/
}
/*headerbar button:disabled {
background-color: alpha(@insensitive_bg_color_breeze, 0.2);
border-color: alpha(black, 0.2);
}*/
headerbar switch {
margin-top: 14px;
margin-bottom: 14px; }
.background .titlebar:backdrop, .background .titlebar {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.background.tiled .titlebar:backdrop, .background.tiled .titlebar,
.background.tiled-top .titlebar:backdrop,
.background.tiled-top .titlebar,
.background.tiled-right .titlebar:backdrop,
.background.tiled-right .titlebar,
.background.tiled-bottom .titlebar:backdrop,
.background.tiled-bottom .titlebar,
.background.tiled-left .titlebar:backdrop,
.background.tiled-left .titlebar,
.background.maximized .titlebar:backdrop,
.background.maximized .titlebar,
.background.solid-csd .titlebar:backdrop,
.background.solid-csd .titlebar {
border-top-left-radius: 0;
border-top-right-radius: 0; }
window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar,
window headerbar:first-child:backdrop,
window headerbar:first-child {
border-top-left-radius: 5px; }
window headerbar:last-child:backdrop, window headerbar:last-child {
border-top-right-radius: 5px; }
window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child,
window.tiled-top headerbar,
window.tiled-top headerbar:first-child,
window.tiled-top headerbar:last-child,
window.tiled-top headerbar:only-child,
window.tiled-top headerbar:backdrop,
window.tiled-top headerbar:backdrop:first-child,
window.tiled-top headerbar:backdrop:last-child,
window.tiled-top headerbar:backdrop:only-child,
window.tiled-right headerbar,
window.tiled-right headerbar:first-child,
window.tiled-right headerbar:last-child,
window.tiled-right headerbar:only-child,
window.tiled-right headerbar:backdrop,
window.tiled-right headerbar:backdrop:first-child,
window.tiled-right headerbar:backdrop:last-child,
window.tiled-right headerbar:backdrop:only-child,
window.tiled-bottom headerbar,
window.tiled-bottom headerbar:first-child,
window.tiled-bottom headerbar:last-child,
window.tiled-bottom headerbar:only-child,
window.tiled-bottom headerbar:backdrop,
window.tiled-bottom headerbar:backdrop:first-child,
window.tiled-bottom headerbar:backdrop:last-child,
window.tiled-bottom headerbar:backdrop:only-child,
window.tiled-left headerbar,
window.tiled-left headerbar:first-child,
window.tiled-left headerbar:last-child,
window.tiled-left headerbar:only-child,
window.tiled-left headerbar:backdrop,
window.tiled-left headerbar:backdrop:first-child,
window.tiled-left headerbar:backdrop:last-child,
window.tiled-left headerbar:backdrop:only-child,
window.maximized headerbar,
window.maximized headerbar:first-child,
window.maximized headerbar:last-child,
window.maximized headerbar:only-child,
window.maximized headerbar:backdrop,
window.maximized headerbar:backdrop:first-child,
window.maximized headerbar:backdrop:last-child,
window.maximized headerbar:backdrop:only-child,
window.fullscreen headerbar,
window.fullscreen headerbar:first-child,
window.fullscreen headerbar:last-child,
window.fullscreen headerbar:only-child,
window.fullscreen headerbar:backdrop,
window.fullscreen headerbar:backdrop:first-child,
window.fullscreen headerbar:backdrop:last-child,
window.fullscreen headerbar:backdrop:only-child,
window.solid-csd headerbar,
window.solid-csd headerbar:first-child,
window.solid-csd headerbar:last-child,
window.solid-csd headerbar:only-child,
window.solid-csd headerbar:backdrop,
window.solid-csd headerbar:backdrop:first-child,
window.solid-csd headerbar:backdrop:last-child,
window.solid-csd headerbar:backdrop:only-child {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.titlebar:not(headerbar) > separator {
background-color: @borders; }
/***********
* Buttons *
***********/