mirror of
https://github.com/sebaschi/dotfiles.git
synced 2025-11-08 18:04:28 +01:00
121 lines
3.6 KiB
CSS
121 lines
3.6 KiB
CSS
/* Active window colors */
|
|
@define-color active_window_bg_color @theme_selected_bg_color;
|
|
@define-color active_window_fg_color @theme_selected_fg_color;
|
|
|
|
/* Inactive window colors */
|
|
@define-color inactive_window_fg_color @theme_unfocused_fg_color;
|
|
@define-color inactive_window_bg_color @theme_unfocused_bg_color;
|
|
|
|
headerbar {
|
|
box-shadow: none;
|
|
}
|
|
|
|
headerbar:not(:backdrop),
|
|
headerbar:not(:backdrop) button:not(:backdrop) {
|
|
color: @active_window_fg_color;
|
|
background-color: @active_window_bg_color;
|
|
background-image: none;
|
|
border-color: @active_window_bg_color;
|
|
text-shadow: none;
|
|
-gtk-icon-shadow: none;
|
|
}
|
|
|
|
headerbar:backdrop,
|
|
headerbar:backdrop button:backdrop {
|
|
color: @inactive_window_fg_color;
|
|
background-color: @inactive_window_bg_color;
|
|
background-image: none;
|
|
border-color: @inactive_window_bg_color;
|
|
}
|
|
|
|
|
|
/* Disables the circle image around the close button,
|
|
as well the "shadow" image of inactive window icons
|
|
for Mint-Y-Legacy themes.
|
|
*/
|
|
headerbar button.titlebutton,
|
|
.titlebar button.titlebutton {
|
|
background-image: none;
|
|
}
|
|
|
|
|
|
headerbar button.titlebutton:not(:backdrop) {
|
|
color: @active_window_fg_color;
|
|
}
|
|
|
|
headerbar button.titlebutton:backdrop {
|
|
color: @inactive_window_fg_color;
|
|
}
|
|
|
|
/* Hover over icons will invert the image with a square image. */
|
|
headerbar button.titlebutton:hover:not(:backdrop){
|
|
color: @active_window_bg_color;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.8, to(@active_window_fg_color), to(transparent));
|
|
}
|
|
|
|
headerbar button:hover:not(:backdrop){
|
|
color: @active_window_bg_color;
|
|
background-color: @active_window_fg_color;
|
|
}
|
|
|
|
/* Clicking an icon will change the hover representation from circle to square. */
|
|
headerbar button.titlebutton:active:not(:backdrop) {
|
|
color: @active_window_bg_color;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@active_window_fg_color), to(transparent));
|
|
}
|
|
|
|
/* Hover over icons will invert the image with a square image. */
|
|
headerbar button.titlebutton:hover:backdrop {
|
|
color: @inactive_window_bg_color;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.8, to(@inactive_window_fg_color), to(transparent));
|
|
}
|
|
|
|
headerbar button:hover:backdrop {
|
|
color: @inactive_window_bg_color;
|
|
background-color: @inactive_window_fg_color;
|
|
}
|
|
|
|
/* Clicking an icon will change the hover representation from circle to square. */
|
|
headerbar button.titlebutton:active:backdrop {
|
|
color: @inactive_window_bg_color;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@inactive_window_fg_color), to(transparent));
|
|
}
|
|
|
|
/* Prevent dark squares appearing around unfocused
|
|
OSD app icons in new Mint-Y themes. */
|
|
.titlebar button.titlebutton.maximize:hover,
|
|
.titlebar button.titlebutton.minimize:hover,
|
|
.titlebar button.titlebutton.close:hover {
|
|
background-image: none;
|
|
}
|
|
|
|
/* Hover over the window close button makes it RED */
|
|
.titlebar button.titlebutton.close:hover {
|
|
background-color: #fc4f4f;
|
|
color: white;
|
|
}
|
|
|
|
/* Makes the border of the active window the same color as the selected theme's bg color and adds a black border on the inactive windows*/
|
|
.ssd decoration {
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 0 0 1px @active_window_bg_color;
|
|
border: none;
|
|
}
|
|
.ssd decoration:backdrop {
|
|
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16), 0 0 0 1px #000000;
|
|
}
|
|
|
|
/* Uncomment this section to increase the size of the icons. */
|
|
/*
|
|
headerbar {
|
|
min-height: 36px;
|
|
}
|
|
|
|
headerbar button.titlebutton,
|
|
headerbar button.titlebutton image {
|
|
min-width: 30px;
|
|
min-height: 30px;
|
|
-gtk-icon-transform: scale(1.5);
|
|
background-size: 28px 28px;
|
|
}
|
|
*/
|