Improved headerbar, especially backdrop. Fixed sliders for xfce volume panel. Added style for #XfceNotifyWindow.

This commit is contained in:
Eudaimon 2022-04-04 15:08:51 +02:00
parent 788caf71a2
commit 145b207622
1 changed files with 54 additions and 29 deletions

View File

@ -1398,12 +1398,12 @@ button:checked,
button.flat:active, button.flat:checked,
headerbar button.titlebutton:active,
.titlebar button.titlebutton:active,
/*headerbar button.titlebutton:active,
.titlebar button.titlebutton:active,*/
calendar.header button.titlebutton:active,
headerbar button.titlebutton:checked,
.titlebar button.titlebutton:checked,
/*headerbar button.titlebutton:checked,
.titlebar button.titlebutton:checked,*/
calendar.header button.titlebutton:checked {
/* some apps need this */
color: @theme_fg_color;
@ -1422,12 +1422,12 @@ button:hover:active,
button:hover:checked,
button.flat:hover:active, button.flat:hover:checked,
headerbar button.titlebutton:hover:active,
.titlebar button.titlebutton:hover:active,
/*headerbar button.titlebutton:hover:active,
.titlebar button.titlebutton:hover:active,*/
calendar.header button.titlebutton:hover:active,
headerbar button.titlebutton:hover:checked,
.titlebar button.titlebutton:hover:checked,
/*headerbar button.titlebutton:hover:checked,
.titlebar button.titlebutton:hover:checked,*/
calendar.header button.titlebutton:hover:checked {
color: @theme_fg_color;
border-style: solid;
@ -2204,16 +2204,17 @@ toolbar entry.progressbar {
***************/
.titlebar,
headerbar {
border-width: 0px;
border-style: solid;
border-width: 0px 0px 2px 0px;
border-style: groove;
border-color: shade(@bg_color, 0.8);
padding: 3px;
background-color: @theme_bg_color;
border-color: alpha(@frame_color, 0.6);
background-color: @selected_bg_color;
background-image: linear-gradient(to bottom, @notebook_active_tab_a, @notebook_active_tab_b);
}
.titlebar:backdrop, headerbar:backdrop {
background-image: none;
background-image: linear-gradient(to bottom, shade(@bg_color, 1.2), @bg_color);
}
.titlebar:backdrop, headerbar:backdrop,
@ -2221,6 +2222,11 @@ headerbar {
headerbar:backdrop button, .titlebar:backdrop button
{
color: @insensitive_fg_color;
text-shadow: 0 1px 0 shade(@bg_color,1.7);
}
.titlebar:backdrop image, headerbar:backdrop image {
-gtk-icon-shadow: 0 1px shade(@bg_color,1.7);
}
headerbar button.text-button {
@ -3124,16 +3130,25 @@ decoration {
padding: 5px 5px 6px 5px;
}
.titlebar .titlebutton:hover {
background-image: linear-gradient(to bottom,
.titlebar .titlebutton:hover, .titlebar .titlebutton:checked {
/*background-image: linear-gradient(to bottom,
shade(@button_gradient_color_a, 1.1),
shade(@button_gradient_color_b, 1.1));
shade(@button_gradient_color_b, 1.1));*/
background: none;
border-color: transparent;
border-image: none;
color: @selected_fg_color;
}
.titlebar .titlebutton:active {
background-image: linear-gradient(to bottom,
/*background-image: linear-gradient(to bottom,
shade(@button_gradient_color_b, 0.97),
shade(@button_gradient_color_a, 0.9));
shade(@button_gradient_color_a, 0.9));*/
background: none;
border-color: transparent;
border-image: none;
color: @fg_color;
}
/* Now they even control menu and tooltip
@ -3452,8 +3467,14 @@ undershoot.right {
}
#XfceNotifyWindow {
background-color: @tooltip_bg_color;
color: @tooltip_fg_color;
border: 1px solid @selected_fg_color;
}
#XfceNotifyWindow label #summary {
font-weight: bold;
}
/**************************************************************
@ -3462,6 +3483,11 @@ undershoot.right {
/***************************************
* Image assets
***************************************/
/*************************
* Check and Radio items *
*************************/
@ -3839,6 +3865,8 @@ calendar.view {
scale slider,
scale.horizontal slider {
background-image: url("assets/knob_horizontal.png");
background-repeat: no-repeat;
background-size: contain;
}
scale slider:disabled,
@ -3908,8 +3936,7 @@ toolbar button:hover,
toolbar combobox button,
.primary-toolbar toolbar combobox button,
.primary-toolbar.toolbar combobox button,
switch slider,
.titlebar .titlebutton:hover {
switch slider {
border-image: url("assets/button-border-dark.svg") 3 / 3px stretch;
}
@ -3927,7 +3954,6 @@ toolbar button:hover:active,
.primary-toolbar button:hover:active,
.primary-toolbar toolbar button:hover:active,
.primary-toolbar.toolbar button:hover:active,
.titlebar .titlebutton:active,
button:checked,
button:hover:checked,
@ -3938,8 +3964,7 @@ toolbar button:checked,
.toolbar button:hover:checked,
.primary-toolbar button:hover:checked,
.primary-toolbar toolbar button:hover:checked,
.primary-toolbar.toolbar button:hover:checked,
.titlebar .titlebutton:checked {
.primary-toolbar.toolbar button:hover:checked {
border-image: url("assets/button-active-border-dark.svg") 3 / 3px stretch;
}
@ -3961,19 +3986,19 @@ button:checked:disabled,
button:disabled:active,
button:disabled:checked,
headerbar button.titlebutton:active:disabled,
.titlebar button.titlebutton:active:disabled,
calendar.header button.titlebutton:active:disabled,
headerbar button.titlebutton:hover:checked:disabled,
.titlebar button.titlebutton:hover:checked:disabled,
calendar.header button.titlebutton:hover:checked:disabled,
headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active,
calendar.header button.titlebutton:disabled:active,
headerbar button.titlebutton:hover:disabled:checked,
.titlebar button.titlebutton:hover:disabled:checked,
calendar.header button.titlebutton:hover:disabled:checked {
border-image: url("assets/button-active-border-insensitive.svg") 3 / 3px stretch;