dotfiles/gtk/widgets/csd.css
2023-10-05 02:14:46 -04:00

126 lines
2.6 KiB
CSS

/*******
* CSD *
*******/
.titlebar {
/* border-width: 5px; */
border-style: solid;
border-color: @tooltip_bg_color;
/* border-image: linear-gradient(to left,
shade(@selected_bg_color, 1.20) 25%,
shade(@selected_bg_color, 1.05) 25%,
shade(@selected_bg_color, 1.05) 50%,
shade(@selected_bg_color, 0.90) 50%,
shade(@selected_bg_color, 0.90) 75%,
shade(@selected_bg_color, 0.75) 75%) 5 0 0 0/ 5px 0 0 0;*/
background-image: none;
background-color: @tooltip_bg_color;
color: @fg_color;
text-shadow: none;
}
/* this is the default titlebar that is added by GTK
* when client-side decorations are in use and the application
* did not set a custom titlebar.
*/
.titlebar.default-decoration {
border: none;
box-shadow: none;
}
.titlebar .title {
font-weight: bold;
}
.titlebar {
padding: 3px;
}
.titlebar:backdrop {
background-image: none;
background-color: @bg_color;
color: mix(@fg_color, @bg_color, 0.4);
text-shadow: none;
}
.titlebutton {
padding: 4px;
border-style: none;
background-color: @button_normal_color;
color: mix(@fg_color, @bg_color, 0.1);
-gtk-icon-shadow: none;
}
.titlebar .titlebutton:hover,
.titlebar .titlebutton:hover:focus {
background-color: @selected_bg_color;
color: @selected_fg_color;
-gtk-icon-shadow: none;
}
.titlebar .titlebutton:active,
.titlebar .titlebutton:active:hover {
background: none;
color: shade(@selected_bg_color, 0.9);
-gtk-icon-shadow: none;
box-shadow: none;
}
.titlebar .right .titlebutton:first-child {
background: none;
}
/*
.titlebar .right .titlebutton:last-child {
}
.titlebar .left .titlebutton:last-child {
border-right: 1px solid shade(@toolbar_bg_color, 0.9);
}
.titlebar .left .titlebutton:first-child {
}
*/
.titlebar .titlebutton:backdrop {
background-image: none;
color: mix(@fg_color, @bg_color, 0.4);
-gtk-icon-shadow: none;
}
.window-frame {
background-image: none;
border-width: 2px;
border-style: solid;
border-color: @bg_color;
border-image: none;
border-radius: 0;
box-shadow: 0 3px 12px 2px alpha(black, 0.5);
/* this is used for the resize cursor area */
margin: 10px;
}
.window-frame:backdrop {
border-width: 2px;
border-color: @bg_color;
border-image: none;
box-shadow: 0 2px 7px 1px alpha(black, 0.5);
}
GtkWindow {
color: @fg_color;
background-color: @bg_color;
}
GtkPaned {
background-color: @bg_color;
}
GtkEventBox {
background-color: @bg_color;
}
GtkSeparator separator .separator.vertical.titlebutton {
background-color: @selected_bg_color;
}