AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Raleigh: Improve titlebar appearance

Browse Source 
The default theme wasn't kept up-to-date as the header bar
and titlebar theming was tweaked. Update it to look non-broken,
at least.
This commit is contained in:
Matthias Clasen 2014-01-04 11:52:02 -05:00
parent 2ebbc724b7
commit 8b558e7889
1 changed files with 66 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
gtk/gtk-default.css
View File

@ -746,71 +746,86 @@ GtkCalendar.button:hover {
}
/* Client side decorations */
.titlebar > GtkLabel:backdrop {
color: darker (@bg_color);
text-shadow: none;
}
.titlebar GtkLabel {
font: Sans Bold 10;
.titlebar {
text-shadow: 1px 1px lighter (@bg_color);
background-image: linear-gradient(to bottom, white, @bg_color);
border-radius: 7px 7px 0px 0px;
}
.titlebar GtkButton:backdrop {
.maximized .titlebar,
.tiled .titlebar {
border-radius: 0;
}
.titlebar.default-decoration {
border: none;
box-shadow: none;
}
.titlebar .title {
font: Bold 10;
}
.titlebar .subtitle {
font: 9;
}
.titlebar:backdrop {
text-shadow: none;
background-image: none;
background-color: @bg_color;
}
.titlebar .titlebutton {
icon-shadow: 0px 1px #ffff;
color: shade(@fg_color, 1.8);
background: none;
padding: 5px 5px 6px 5px;
border-radius: 3px;
border-width: 1px 1px 2px 1px;
border-color: transparent;
border-style: solid;
border-image: none;
}
.titlebar .titlebutton:hover {
background-image: linear-gradient(to bottom, @bg_color, lighter (@bg_color));
}
.titlebar .titlebutton:backdrop {
border-image: none;
background-image: none;
}
.titlebar GtkButton GtkLabel:backdrop {
text-shadow: none;
color: darker (@bg_color);
.titlebar .titlebutton:active {
background-image: linear-gradient(to bottom, #a7aba7, shade(@bg_color, 0.95));
color: @selected_fg_color;
icon-shadow: none;
}
.titlebar GtkButton GtkLabel {
font: Sans Bold 12;
color: white;
text-shadow: 0px 1px darker (darker (@bg_color));
}
.titlebar GtkButton {
border-style: none;
border-color: darker (@bg_color);
background-image: -gtk-gradient (linear, center top, center bottom,
from (@bg_color),
color-stop (0.5, darker (@bg_color)),
to (@bg_color));
}
.titlebar GtkButton:first-child {
border-radius: 10px 0px 0px 0px;
}
.titlebar GtkButton:last-child {
border-radius: 0px 10px 0px 0px;
}
.titlebar:backdrop {
titlebar .titlebutton:backdrop {
background-image: none;
color: #a7aba7;
border-image: none;
icon-shadow: none;
}
.titlebar {
background-image: -gtk-gradient (linear, center top, center bottom,
from (white),
to (@bg_color));
border-radius: 10px 10px 0px 0px;
}
.window-border {
.window-frame {
border-color: darker (@bg_color);
border-radius: 10px;
border-width: 2px;
border-radius: 7px 7px 0 0;
border-width: 1px;
border-style: solid;
box-shadow: 0 2px 8px 3px alpha(black, 0.5);
margin: 10px;
}
.window-outer-border {
border-color: transparent;
border-radius: 10px;
border-width: 10px 10px 10px 10px;
border-style: solid;
.window-frame.tiled {
border-radius: 0;
background-color: @bg_color;
}
window-frame:backdrop {
box-shadow: 0 2px 5px 1px alpha(black, 0.5);
}