pho-earth-adaptive/gtk-4.0/gtk.css

722 lines
29 KiB
CSS
Executable File

@import "../gtk-common/common.css";
* {
padding: 0;
/* -GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: @error_color_breeze;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-color: alpha(currentColor,0.4);
outline-style: dashed;
outline-offset: -3px;
outline-width: 1px;
-gtk-outline-radius: 2px;
-gtk-secondary-caret-color: @theme_selected_bg_color_breeze;*/ }
/***************
* Base States *
***************/
*:disabled {
-gtk-icon-filter: opacity(0.5); }
/**********************
* General Typography *
**********************/
.large-title {
font-weight: 300;
font-size: 24pt; }
.title-1 {
font-weight: 800;
font-size: 20pt; }
.title-2 {
font-weight: 800;
font-size: 15pt; }
.title-3 {
font-weight: 700;
font-size: 15pt; }
.title-4 {
font-weight: 700;
font-size: 13pt; }
.heading {
font-weight: 700;
font-size: 11pt; }
.body {
font-weight: 400;
font-size: 11pt; }
.caption-heading {
font-weight: 700;
font-size: 9pt; }
.caption {
font-weight: 400;
font-size: 9pt; }
/****************
* Text Entries *
****************/
spinbutton:not(.vertical),
spinbutton.vertical text,
entry {
min-height: 32px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid;
border-radius: 5px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: @theme_text_color_breeze;
border-color: @border_color;
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;
}
/***********
* Buttons *
***********/
@keyframes needs_attention {
from {
background-image: radial-gradient(@theme_selected_bg_color_breeze, @theme_selected_bg_color_breeze 1%, alpha(@theme_selected_bg_color_breeze, 0)); }
to {
background-image: radial-gradient(@theme_selected_bg_color_breeze, @theme_selected_bg_color_breeze 70%, alpha(@theme_selected_bg_color_breeze, 0)); } }
notebook > header > tabs > arrow:hover,
button:hover {
-gtk-icon-filter: brightness(1.2);
}
/************
* Toolbars *
************/
/***************
* 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;
background-color: transparent;
background-image: none;
border-style: none;
border-color: transparent;
box-shadow: none; }
.titlebar:not(headerbar) > separator {
background-color: @borders; }
/**************
* Tree Views *
**************/
/*********
* Menus *
*********/
/**************
* Scrollbars *
**************/
/*how to prevent autohide in GTK4?
and how to force scroll buttons? This last thing may not be possible... CSS nodes don't show buttons anymore
/**********
* Switch *
**********/
/************
* GtkScale and some common progressbar parts*
************/
/**********
* Frames *
**********/
/***********
* Dialogs *
***********/
/****************
* File chooser *
****************/
/********
* Misc *
********/
.content-view:hover {
-gtk-icon-filter: brightness(1.2); }
/**********************
* Window Decorations *
*********************/
/* this part still needs a lot of work */
/* disabled: gtk3 to gtk4
decoration {
border-radius: 5px 5px 5px 5px;
border-width: 0px;
box-shadow: 0px 15px 38px -15px alpha(black, 0.9),
0px 10px 20px -5px alpha(black, 0.9),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px @theme_header_bg;
margin: 10px; }
decoration:backdrop {
box-shadow: 0px 15px 38px -15px alpha(black, 0.2),
0px 10px 20px -5px alpha(black, 0.6),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px transparent;
transition: 80ms ease-out; }
*/
window.csd {
border-radius: 5px 5px 5px 5px;
border-width: 0px;
box-shadow: 0px 7px 19px -7px alpha(black, 0.9),
0px 5px 10px -3px alpha(black, 0.9),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px @theme_titlebar_background_breeze;
}
window.csd:backdrop {
box-shadow: 0px 7px 19px -7px alpha(black, 0.2),
0px 5px 10px -3px alpha(black, 0.6),
0px 0px 0px 1px alpha(black, 0.2),
0 0 0 1px transparent;
transition: 80ms ease-out;
}
/* disabled: gtk3 to gtk4
.maximized decoration,
.fullscreen decoration,
.tiled decoration,
.tiled-top decoration,
.tiled-right decoration,
.tiled-bottom decoration,
.tiled-left decoration {
border-radius: 0; }
*/
window.maximized,
window.fullscreen,
window.tiled, window.tiled-top,
window.tiled-left,
window.tiled-right,
window.tiled-bottom {
border-radius: 0;
}
window.csd.popup, window.csd.dialog.message, window.csd.solid-csd
{
box-shadow: 0 4px 8px -4px alpha(black, 0.23); }
/*
.csd.popup decoration {
border-radius: 0;
box-shadow: 0px 0px 12px 0px alpha(black, 0.1), 0px 0px 4px 0px alpha(black, 0.4), 0px 0px 0px 1px alpha(black, 0.1); }
tooltip.csd decoration {
border-radius: 5px;
box-shadow: 0 4px 8px -4px alpha(black, 0.23); }
messagedialog.csd decoration {
border-radius: 5px;
box-shadow: 0px 0px 12px 0px alpha(black, 0.1), 0px 0px 4px 0px alpha(black, 0.4), 0px 0px 0px 1px alpha(black, 0.1); }
.solid-csd decoration {
margin: 0;
padding: 4px;
background-color: @borders;
border: solid 1px @borders;
border-radius: 0;
box-shadow: inset 0 0 0 3px @theme_base_color_breeze, inset 0 1px @wm_highlight; }
.solid-csd decoration:backdrop {
box-shadow: inset 0 0 0 3px @theme_bg_color_breeze, inset 0 1px @wm_highlight; }
*/
.background.csd {
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px; }
button.titlebutton {
/*text-shadow: 0 1px alpha(white, 0.769231);
-gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231); */}
button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton {
/*text-shadow: 0 1px alpha(black, 0.428024);
-gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/ }
headerbar.selection-mode button.titlebutton:backdrop,
.titlebar.selection-mode button.titlebutton:backdrop {
-gtk-icon-shadow: none; }