Changed titlebar and headerbar colors to dark

pull/94/head
Satyajit Sahoo 2014-01-16 03:55:55 +05:30
parent d938551624
commit 1bed5a2060
5 changed files with 229 additions and 123 deletions

View File

@ -1,6 +1,6 @@
# Numix GTK Theme # Numix GTK Theme
gtk-color-scheme = "base_color:#f9f9f9\nbg_color:#dedede\ntooltip_bg_color:#2d2d2d\nselected_bg_color:#d64937\ntext_color:#333333\nfg_color:#555555\ntooltip_fg_color:#dedede\nselected_fg_color:#f9f9f9\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#dcdcdc\ntoolbar_bg_color:#2d2d2d\ntoolbar_fg_color:#dcdcdc\nmenu_bg_color:#2d2d2d\nmenu_fg_color:#dcdcdc\npanel_bg_color:#2d2d2d\npanel_fg_color:#dcdcdc\nlink_color:#fc6f5d" gtk-color-scheme = "bg_color:#dedede\nfg_color:#555555\nbase_color:#f9f9f9\ntext_color:#333333\nselected_bg_color:#d64937\nselected_fg_color:#f9f9f9\ntooltip_bg_color:#2d2d2d\ntooltip_fg_color:#dedede\ntitlebar_bg_color:#2d2d2d\ntitlebar_fg_color:#dcdcdc\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#dcdcdc\ntoolbar_bg_color:#dedede\ntoolbar_fg_color:#555555\nmenu_bg_color:#2d2d2d\nmenu_fg_color:#dcdcdc\npanel_bg_color:#2d2d2d\npanel_fg_color:#dcdcdc\nlink_color:#fc6f5d"
# Default Style # Default Style
@ -595,17 +595,17 @@ style "chromium-toolbar-button" {
} }
style "chrome-gtk-frame" { style "chrome-gtk-frame" {
ChromeGtkFrame::frame-color = @toolbar_bg_color ChromeGtkFrame::frame-color = @titlebar_bg_color
ChromeGtkFrame::inactive-frame-color = @toolbar_bg_color ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
ChromeGtkFrame::frame-gradient-size = 0 ChromeGtkFrame::frame-gradient-size = 0
ChromeGtkFrame::frame-gradient-color = @toolbar_bg_color ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
ChromeGtkFrame::incognito-frame-color = @toolbar_bg_color ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
ChromeGtkFrame::incognito-inactive-frame-color = @toolbar_bg_color ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
ChromeGtkFrame::incognito-frame-gradient-size = 0 ChromeGtkFrame::incognito-frame-gradient-size = 0
ChromeGtkFrame::incognito-frame-gradient-color = @toolbar_bg_color ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
ChromeGtkFrame::scrollbar-trough-color = @bg_color ChromeGtkFrame::scrollbar-trough-color = @bg_color
ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color) ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color)

View File

@ -41,6 +41,8 @@
@define-color error_color #cc0000; @define-color error_color #cc0000;
/* widget colors */ /* widget colors */
@define-color titlebar_bg_color @dark_bg_color;
@define-color titlebar_fg_color @dark_fg_color;
@define-color menubar_bg_color @dark_bg_color; @define-color menubar_bg_color @dark_bg_color;
@define-color menubar_fg_color @dark_fg_color; @define-color menubar_fg_color @dark_fg_color;
@define-color toolbar_bg_color @theme_bg_color; @define-color toolbar_bg_color @theme_bg_color;

View File

@ -1405,35 +1405,49 @@ OsScrollbar:insensitive {
.primary-toolbar .separator:insensitive, .primary-toolbar .separator:insensitive,
.toolbar GtkSeparatorToolItem, .toolbar GtkSeparatorToolItem,
.toolbar .separator, .toolbar .separator,
.toolbar .separator:insensitive, .toolbar .separator:insensitive {
border-color: shade(@toolbar_bg_color, 0.95);
color: shade(@toolbar_bg_color, 0.95);
}
.header-bar GtkSeparatorToolItem, .header-bar GtkSeparatorToolItem,
.header-bar .separator, .header-bar .separator,
.header-bar .separator:insensitive, .header-bar .separator:insensitive,
.titlebar GtkSeparatorToolItem, .titlebar GtkSeparatorToolItem,
.titlebar .separator, .titlebar .separator,
.titlebar .separator:insensitive { .titlebar .separator:insensitive {
border-color: shade(@toolbar_bg_color, 0.95); border-color: shade(@titlebar_bg_color, 0.95);
color: shade(@toolbar_bg_color, 0.95); color: shade(@titlebar_bg_color, 0.95);
} }
.primary-toolbar .button .separator, .primary-toolbar .button .separator,
.primary-toolbar .button.separator, .primary-toolbar .button.separator,
.toolbar .button .separator, .toolbar .button .separator,
.toolbar .button.separator, .toolbar .button.separator {
border-color: shade(@toolbar_bg_color, 0.95);
}
.header-bar .button .separator, .header-bar .button .separator,
.header-bar .button.separator { .header-bar .button.separator,
border-color: shade(@toolbar_bg_color, 0.95); .titlebar .button .separator,
.titlebar .button.separator {
border-color: shade(@titlebar_bg_color, 0.95);
} }
.primary-toolbar .button .separator:insensitive, .primary-toolbar .button .separator:insensitive,
.primary-toolbar .button.separator:insensitive, .primary-toolbar .button.separator:insensitive,
.toolbar .button .separator:insensitive, .toolbar .button .separator:insensitive,
.toolbar .button.separator:insensitive, .toolbar .button.separator:insensitive {
.header-bar .button .separator:insensitive,
.header-bar .button.separator:insensitive {
border-color: shade(@toolbar_bg_color, 0.85); border-color: shade(@toolbar_bg_color, 0.85);
} }
.header-bar .button .separator:insensitive,
.header-bar .button.separator:insensitive,
.titlebar .button .separator:insensitive,
.titlebar .button.separator:insensitive {
border-color: shade(@titlebar_bg_color, 0.85);
}
.menuitem.separator { .menuitem.separator {
-GtkMenuItem-horizontal-padding: 0; -GtkMenuItem-horizontal-padding: 0;
-GtkWidget-separator-height: 1; -GtkWidget-separator-height: 1;
@ -1882,10 +1896,10 @@ GtkColorButton.button {
padding: 4px; padding: 4px;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
border-style: solid; border-style: solid;
border-color: shade(@toolbar_bg_color, 0.8); border-color: shade(@titlebar_bg_color, 0.8);
background-color: @toolbar_bg_color; background-color: @titlebar_bg_color;
background-image: none; background-image: none;
color: @toolbar_fg_color; color: @titlebar_bg_color;
} }
.header-bar .button.text-button { .header-bar .button.text-button {
@ -1906,6 +1920,58 @@ GtkColorButton.button {
padding: 0 12px; padding: 0 12px;
} }
.header-bar GtkComboBox,
.header-bar .button {
border-color: shade(@titlebar_bg_color, 0.8);
background-color: shade(@titlebar_bg_color, 1.08);
background-image: none;
color: @titlebar_fg_color;
}
.header-bar .button:hover {
border-color: shade(@titlebar_bg_color, 0.7);
background-color: shade(@titlebar_bg_color, 1.10);
background-image: none;
}
.header-bar .button:active {
border-color: shade(@titlebar_bg_color, 0.8);
background-color: shade(@titlebar_bg_color, 0.95);
background-image: none;
}
.header-bar .button:active:hover {
border-color: shade(@titlebar_bg_color, 0.7);
}
.header-bar .button:focus,
.header-bar .button:hover:focus,
.header-bar .button:active:focus,
.header-bar .button:active:hover:focus {
border-color: shade(@titlebar_bg_color, 0.7);
}
.header-bar .button:insensitive {
border-color: shade(@titlebar_bg_color, 0.85);
background-color: shade(@titlebar_bg_color, 0.9);
background-image: none;
}
.header-bar .button:active *:insensitive {
border-color: shade(@titlebar_bg_color, 0.75);
background-color: shade(@titlebar_bg_color, 0.80);
background-image: none;
}
.header-bar .entry {
border-color: shade(@titlebar_bg_color, 0.8);
}
.header-bar .entry:active,
.header-bar .entry:focus {
border-color: shade(@titlebar_bg_color, 0.7);
}
/*********** /***********
* toolbar * * toolbar *
***********/ ***********/
@ -1970,9 +2036,7 @@ GtkColorButton.button {
.primary-toolbar .raised .button, .primary-toolbar .raised .button,
.primary-toolbar .raised.button, .primary-toolbar .raised.button,
.toolbar GtkComboBox, .toolbar GtkComboBox,
.toolbar .button, .toolbar .button {
.header-bar GtkComboBox,
.header-bar .button {
border-color: shade(@toolbar_bg_color, 0.8); border-color: shade(@toolbar_bg_color, 0.8);
background-color: shade(@toolbar_bg_color, 1.08); background-color: shade(@toolbar_bg_color, 1.08);
background-image: none; background-image: none;
@ -1980,24 +2044,21 @@ GtkColorButton.button {
} }
.primary-toolbar .button:hover, .primary-toolbar .button:hover,
.toolbar .button:hover, .toolbar .button:hover {
.header-bar .button:hover {
border-color: shade(@toolbar_bg_color, 0.7); border-color: shade(@toolbar_bg_color, 0.7);
background-color: shade(@toolbar_bg_color, 1.10); background-color: shade(@toolbar_bg_color, 1.10);
background-image: none; background-image: none;
} }
.primary-toolbar .button:active, .primary-toolbar .button:active,
.toolbar .button:active, .toolbar .button:active {
.header-bar .button:active {
border-color: shade(@toolbar_bg_color, 0.8); border-color: shade(@toolbar_bg_color, 0.8);
background-color: shade(@toolbar_bg_color, 0.95); background-color: shade(@toolbar_bg_color, 0.95);
background-image: none; background-image: none;
} }
.primary-toolbar .button:active:hover, .primary-toolbar .button:active:hover,
.toolbar .button:active:hover, .toolbar .button:active:hover {
.header-bar .button:active:hover {
border-color: shade(@toolbar_bg_color, 0.7); border-color: shade(@toolbar_bg_color, 0.7);
} }
@ -2008,42 +2069,33 @@ GtkColorButton.button {
.toolbar .button:focus, .toolbar .button:focus,
.toolbar .button:hover:focus, .toolbar .button:hover:focus,
.toolbar .button:active:focus, .toolbar .button:active:focus,
.toolbar .button:active:hover:focus, .toolbar .button:active:hover:focus {
.header-bar .button:focus,
.header-bar .button:hover:focus,
.header-bar .button:active:focus,
.header-bar .button:active:hover:focus {
border-color: shade(@toolbar_bg_color, 0.7); border-color: shade(@toolbar_bg_color, 0.7);
} }
.primary-toolbar .button:insensitive, .primary-toolbar .button:insensitive,
.toolbar .button:insensitive, .toolbar .button:insensitive {
.header-bar .button:insensitive {
border-color: shade(@toolbar_bg_color, 0.85); border-color: shade(@toolbar_bg_color, 0.85);
background-color: shade(@toolbar_bg_color, 0.9); background-color: shade(@toolbar_bg_color, 0.9);
background-image: none; background-image: none;
} }
.primary-toolbar .button:active *:insensitive, .primary-toolbar .button:active *:insensitive,
.toolbar .button:active *:insensitive, .toolbar .button:active *:insensitive {
.header-bar .button:active *:insensitive {
border-color: shade(@toolbar_bg_color, 0.75); border-color: shade(@toolbar_bg_color, 0.75);
background-color: shade(@toolbar_bg_color, 0.80); background-color: shade(@toolbar_bg_color, 0.80);
background-image: none; background-image: none;
} }
.primary-toolbar .entry, .primary-toolbar .entry,
.toolbar .entry, .toolbar .entry {
.header-bar .entry {
border-color: shade(@toolbar_bg_color, 0.8); border-color: shade(@toolbar_bg_color, 0.8);
} }
.primary-toolbar .entry:active, .primary-toolbar .entry:active,
.primary-toolbar .entry:focus, .primary-toolbar .entry:focus,
.toolbar .entry:active, .toolbar .entry:active,
.toolbar .entry:focus, .toolbar .entry:focus {
.header-bar .entry:active,
.header-bar .entry:focus {
border-color: shade(@toolbar_bg_color, 0.7); border-color: shade(@toolbar_bg_color, 0.7);
} }
@ -2357,10 +2409,7 @@ GtkColorButton.button {
.primary-toolbar .raised.linked .button, .primary-toolbar .raised.linked .button,
.toolbar .button.raised.linked, .toolbar .button.raised.linked,
.toolbar .raised.linked .button, .toolbar .raised.linked .button,
.toolbar .linked .button, .toolbar .linked .button {
.header-bar .button.raised.linked,
.header-bar .raised.linked .button,
.header-bar .linked .button {
box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9); box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9);
} }
@ -2368,10 +2417,7 @@ GtkColorButton.button {
.primary-toolbar .raised.linked .button:active, .primary-toolbar .raised.linked .button:active,
.toolbar .button.raised.linked:active, .toolbar .button.raised.linked:active,
.toolbar .raised.linked .button:active, .toolbar .raised.linked .button:active,
.toolbar .linked .button:active, .toolbar .linked .button:active {
.header-bar .button.raised.linked:active,
.header-bar .raised.linked .button:active,
.header-bar .linked .button:active {
box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9), box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9),
inset 1px 0 alpha(@dark_shadow, 0.07), inset 1px 0 alpha(@dark_shadow, 0.07),
inset 0 1px alpha(@dark_shadow, 0.08), inset 0 1px alpha(@dark_shadow, 0.08),
@ -2382,10 +2428,7 @@ GtkColorButton.button {
.primary-toolbar .raised.linked .button:insensitive, .primary-toolbar .raised.linked .button:insensitive,
.toolbar .button.raised.linked:insensitive, .toolbar .button.raised.linked:insensitive,
.toolbar .raised.linked .button:insensitive, .toolbar .raised.linked .button:insensitive,
.toolbar .linked .button:insensitive, .toolbar .linked .button:insensitive {
.header-bar .button.raised.linked:insensitive,
.header-bar .raised.linked .button:insensitive,
.header-bar .linked .button:insensitive {
box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.85); box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.85);
} }
@ -2419,25 +2462,7 @@ GtkColorButton.button {
.toolbar .linked .button:insensitive:last-child, .toolbar .linked .button:insensitive:last-child,
.toolbar .linked .button:insensitive:only-child, .toolbar .linked .button:insensitive:only-child,
.toolbar .linked .button:active *:insensitive:last-child, .toolbar .linked .button:active *:insensitive:last-child,
.toolbar .linked .button:active *:insensitive:only-child, .toolbar .linked .button:active *:insensitive:only-child {
.header-bar .button.raised.linked:last-child,
.header-bar .button.raised.linked:only-child,
.header-bar .button:insensitive.raised.linked:last-child,
.header-bar .button:insensitive.raised.linked:only-child,
.header-bar .button:active *:insensitive.raised.linked:last-child,
.header-bar .button:active *:insensitive.raised.linked:only-child,
.header-bar .raised.linked .button:last-child,
.header-bar .raised.linked .button:only-child,
.header-bar .raised.linked .button:insensitive:last-child,
.header-bar .raised.linked .button:insensitive:only-child,
.header-bar .raised.linked .button:active *:insensitive:last-child,
.header-bar .raised.linked .button:active *:insensitive:only-child,
.header-bar .linked .button:last-child,
.header-bar .linked .button:only-child,
.header-bar .linked .button:insensitive:last-child,
.header-bar .linked .button:insensitive:only-child,
.header-bar .linked .button:active *:insensitive:last-child,
.header-bar .linked .button:active *:insensitive:only-child {
box-shadow: none; box-shadow: none;
} }
@ -2451,13 +2476,7 @@ GtkColorButton.button {
.toolbar .raised.linked .button:active:last-child, .toolbar .raised.linked .button:active:last-child,
.toolbar .raised.linked .button:active:only-child, .toolbar .raised.linked .button:active:only-child,
.toolbar .linked .button:active:last-child, .toolbar .linked .button:active:last-child,
.toolbar .linked .button:active:only-child, .toolbar .linked .button:active:only-child {
.header-bar .button:active.raised.linked:last-child,
.header-bar .button:active.raised.linked:only-child,
.header-bar .raised.linked .button:active:last-child,
.header-bar .raised.linked .button:active:only-child,
.header-bar .linked .button:active:last-child,
.header-bar .linked .button:active:only-child {
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
inset 0 1px alpha(@dark_shadow, 0.08), inset 0 1px alpha(@dark_shadow, 0.08),
inset -1px 0 alpha(@dark_shadow, 0.07); inset -1px 0 alpha(@dark_shadow, 0.07);
@ -2478,16 +2497,7 @@ GtkColorButton.button {
.toolbar .raised.linked .button:insensitive, .toolbar .raised.linked .button:insensitive,
.toolbar .linked .button, .toolbar .linked .button,
.toolbar .linked .button:active, .toolbar .linked .button:active,
.toolbar .linked .button:insensitive, .toolbar .linked .button:insensitive {
.header-bar .button.raised.linked,
.header-bar .button.raised.linked:active,
.header-bar .button.raised.linked:insensitive,
.header-bar .raised.linked .button,
.header-bar .raised.linked .button:active,
.header-bar .raised.linked .button:insensitive,
.header-bar .linked .button,
.header-bar .linked .button:active,
.header-bar .linked .button:insensitive {
border-width: 1px; border-width: 1px;
border-radius: 0; border-radius: 0;
border-right-width: 0; border-right-width: 0;
@ -2508,17 +2518,7 @@ GtkColorButton.button {
.toolbar .raised.linked .button:active:first-child, .toolbar .raised.linked .button:active:first-child,
.toolbar .raised.linked .button:insensitive:first-child, .toolbar .raised.linked .button:insensitive:first-child,
.toolbar .linked .button:first-child, .toolbar .linked .button:first-child,
.toolbar .linked .button:active:first-child, .toolbar .linked .button:active:first-child {
.toolbar .linked .button:insensitive:first-child,
.header-bar .button.raised.linked:first-child,
.header-bar .button.raised.linked:active:first-child,
.header-bar .button.raised.linked:insensitive:first-child,
.header-bar .raised.linked .button:first-child,
.header-bar .raised.linked .button:active:first-child,
.header-bar .raised.linked .button:insensitive:first-child,
.header-bar .linked .button:first-child,
.header-bar .linked .button:active:first-child,
.header-bar .linked .button:insensitive:first-child {
border-width: 1px; border-width: 1px;
border-radius: 2px; border-radius: 2px;
border-right-width: 0; border-right-width: 0;
@ -2541,16 +2541,7 @@ GtkColorButton.button {
.toolbar .raised.linked .button:insensitive:last-child, .toolbar .raised.linked .button:insensitive:last-child,
.toolbar .linked .button:last-child, .toolbar .linked .button:last-child,
.toolbar .linked .button:active:last-child, .toolbar .linked .button:active:last-child,
.toolbar .linked .button:insensitive:last-child, .toolbar .linked .button:insensitive:last-child {
.header-bar .button.raised.linked:last-child,
.header-bar .button.raised.linked:active:last-child,
.header-bar .button.raised.linked:insensitive:last-child,
.header-bar .raised.linked .button:last-child,
.header-bar .raised.linked .button:active:last-child,
.header-bar .raised.linked .button:insensitive:last-child,
.header-bar .linked .button:last-child,
.header-bar .linked .button:active:last-child,
.header-bar .linked .button:insensitive:last-child {
border-width: 1px; border-width: 1px;
border-radius: 2px; border-radius: 2px;
border-left-width: 0; border-left-width: 0;
@ -2573,7 +2564,118 @@ GtkColorButton.button {
.toolbar .raised.linked .button:insensitive:only-child, .toolbar .raised.linked .button:insensitive:only-child,
.toolbar .linked .button:only-child, .toolbar .linked .button:only-child,
.toolbar .linked .button:active:only-child, .toolbar .linked .button:active:only-child,
.toolbar .linked .button:insensitive:only-child, .toolbar .linked .button:insensitive:only-child {
border-width: 1px;
border-radius: 2px;
}
/* linked titlebar buttons */
.header-bar .button.raised.linked,
.header-bar .raised.linked .button,
.header-bar .linked .button {
box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9);
}
.header-bar .button.raised.linked:active,
.header-bar .raised.linked .button:active,
.header-bar .linked .button:active {
box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9),
inset 1px 0 alpha(@dark_shadow, 0.07),
inset 0 1px alpha(@dark_shadow, 0.08),
inset 0 -1px alpha(@dark_shadow, 0.05);
}
.header-bar .button.raised.linked:insensitive,
.header-bar .raised.linked .button:insensitive,
.header-bar .linked .button:insensitive {
box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.85);
}
/* remove box shadow from last-child and only-child */
.header-bar .button.raised.linked:last-child,
.header-bar .button.raised.linked:only-child,
.header-bar .button:insensitive.raised.linked:last-child,
.header-bar .button:insensitive.raised.linked:only-child,
.header-bar .button:active *:insensitive.raised.linked:last-child,
.header-bar .button:active *:insensitive.raised.linked:only-child,
.header-bar .raised.linked .button:last-child,
.header-bar .raised.linked .button:only-child,
.header-bar .raised.linked .button:insensitive:last-child,
.header-bar .raised.linked .button:insensitive:only-child,
.header-bar .raised.linked .button:active *:insensitive:last-child,
.header-bar .raised.linked .button:active *:insensitive:only-child,
.header-bar .linked .button:last-child,
.header-bar .linked .button:only-child,
.header-bar .linked .button:insensitive:last-child,
.header-bar .linked .button:insensitive:only-child,
.header-bar .linked .button:active *:insensitive:last-child,
.header-bar .linked .button:active *:insensitive:only-child {
box-shadow: none;
}
/* add back the inset shadow effect */
.header-bar .button:active.raised.linked:last-child,
.header-bar .button:active.raised.linked:only-child,
.header-bar .raised.linked .button:active:last-child,
.header-bar .raised.linked .button:active:only-child,
.header-bar .linked .button:active:last-child,
.header-bar .linked .button:active:only-child {
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
inset 0 1px alpha(@dark_shadow, 0.08),
inset -1px 0 alpha(@dark_shadow, 0.07);
}
/* middle button */
.header-bar .button.raised.linked,
.header-bar .button.raised.linked:active,
.header-bar .button.raised.linked:insensitive,
.header-bar .raised.linked .button,
.header-bar .raised.linked .button:active,
.header-bar .raised.linked .button:insensitive,
.header-bar .linked .button,
.header-bar .linked .button:active,
.header-bar .linked .button:insensitive {
border-width: 1px;
border-radius: 0;
border-right-width: 0;
border-left-width: 0;
}
/* leftmost button */
.header-bar .button.raised.linked:first-child,
.header-bar .button.raised.linked:active:first-child,
.header-bar .button.raised.linked:insensitive:first-child,
.header-bar .raised.linked .button:first-child,
.header-bar .raised.linked .button:active:first-child,
.header-bar .raised.linked .button:insensitive:first-child,
.header-bar .linked .button:first-child,
.header-bar .linked .button:active:first-child,
.header-bar .linked .button:insensitive:first-child {
border-width: 1px;
border-radius: 2px;
border-right-width: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
/* rightmost button */
.header-bar .button.raised.linked:last-child,
.header-bar .button.raised.linked:active:last-child,
.header-bar .button.raised.linked:insensitive:last-child,
.header-bar .raised.linked .button:last-child,
.header-bar .raised.linked .button:active:last-child,
.header-bar .raised.linked .button:insensitive:last-child,
.header-bar .linked .button:last-child,
.header-bar .linked .button:active:last-child,
.header-bar .linked .button:insensitive:last-child {
border-width: 1px;
border-radius: 2px;
border-left-width: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
/* linked single button */
.header-bar .button.raised.linked:only-child, .header-bar .button.raised.linked:only-child,
.header-bar .button.raised.linked:active:only-child, .header-bar .button.raised.linked:active:only-child,
.header-bar .button.raised.linked:insensitive:only-child, .header-bar .button.raised.linked:insensitive:only-child,
@ -3120,8 +3222,8 @@ GtkBubbleWindow .toolbar {
.titlebar { .titlebar {
border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
background-image: none; background-image: none;
background-color: @toolbar_bg_color; background-color: @titlebar_bg_color;
color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.1); color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
text-shadow: none; text-shadow: none;
} }
@ -3148,8 +3250,8 @@ GtkBubbleWindow .toolbar {
.titlebar:backdrop { .titlebar:backdrop {
background-image: none; background-image: none;
background-color: @toolbar_bg_color; background-color: @titlebar_bg_color;
color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.4); color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
text-shadow: none; text-shadow: none;
} }
@ -3157,7 +3259,7 @@ GtkBubbleWindow .toolbar {
padding: 4px; padding: 4px;
border-style: none; border-style: none;
background: none; background: none;
color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.1); color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
icon-shadow: none; icon-shadow: none;
} }
@ -3176,14 +3278,14 @@ GtkBubbleWindow .toolbar {
/* /*
.titlebar .right .titlebutton:first-child { .titlebar .right .titlebutton:first-child {
border-left: 1px solid shade(@toolbar_bg_color, 0.9); border-left: 1px solid shade(@titlebar_bg_color, 0.9);
} }
.titlebar .right .titlebutton:last-child { .titlebar .right .titlebutton:last-child {
} }
.titlebar .left .titlebutton:last-child { .titlebar .left .titlebutton:last-child {
border-right: 1px solid shade(@toolbar_bg_color, 0.9); border-right: 1px solid shade(@titlebar_bg_color, 0.9);
} }
.titlebar .left .titlebutton:first-child { .titlebar .left .titlebutton:first-child {
@ -3192,7 +3294,7 @@ GtkBubbleWindow .toolbar {
.titlebar .titlebutton:backdrop { .titlebar .titlebutton:backdrop {
background-image: none; background-image: none;
color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.4); color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
icon-shadow: none; icon-shadow: none;
} }
@ -3200,7 +3302,7 @@ GtkBubbleWindow .toolbar {
border-style: none; border-style: none;
border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
box-shadow: 0 3px 7px 1px alpha(black, 0.7), box-shadow: 0 3px 7px 1px alpha(black, 0.7),
0 0 0 1px mix(shade(@toolbar_bg_color, 0.7), @toolbar_fg_color, 0.21); 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
/* this is used for the resize cursor area */ /* this is used for the resize cursor area */
margin: 10px; margin: 10px;
@ -3212,5 +3314,5 @@ GtkBubbleWindow .toolbar {
.window-frame:backdrop { .window-frame:backdrop {
box-shadow: 0 3px 5px 1px alpha(black, 0.5), box-shadow: 0 3px 5px 1px alpha(black, 0.5),
0 0 0 1px mix(shade(@toolbar_bg_color, 0.7), @toolbar_fg_color, 0.12); 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
} }

View File

@ -41,6 +41,8 @@
@define-color error_color #cc0000; @define-color error_color #cc0000;
/* widget colors */ /* widget colors */
@define-color titlebar_bg_color @dark_bg_color;
@define-color titlebar_fg_color @dark_fg_color;
@define-color menubar_bg_color @dark_bg_color; @define-color menubar_bg_color @dark_bg_color;
@define-color menubar_fg_color @dark_fg_color; @define-color menubar_fg_color @dark_fg_color;
@define-color toolbar_bg_color @theme_bg_color; @define-color toolbar_bg_color @theme_bg_color;

View File

@ -1,4 +1,4 @@
[Settings] [Settings]
gtk-color-scheme = "base_color:#f9f9f9\nbg_color:#dedede\ntooltip_bg_color:#2d2d2d\nselected_bg_color:#d64937\ntext_color:#333333\nfg_color:#555555\ntooltip_fg_color:#dedede\nselected_fg_color:#f9f9f9\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#dcdcdc\ntoolbar_bg_color:#2d2d2d\ntoolbar_fg_color:#dcdcdc\nmenu_bg_color:#2d2d2d\nmenu_fg_color:#dcdcdc\npanel_bg_color:#2d2d2d\npanel_fg_color:#dcdcdc\nlink_color:#fc6f5d" gtk-color-scheme = "bg_color:#dedede\nfg_color:#555555\nbase_color:#f9f9f9\ntext_color:#333333\nselected_bg_color:#d64937\nselected_fg_color:#f9f9f9\ntooltip_bg_color:#2d2d2d\ntooltip_fg_color:#dedede\ntitlebar_bg_color:#2d2d2d\ntitlebar_fg_color:#dcdcdc\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#dcdcdc\ntoolbar_bg_color:#dedede\ntoolbar_fg_color:#555555\nmenu_bg_color:#2d2d2d\nmenu_fg_color:#dcdcdc\npanel_bg_color:#2d2d2d\npanel_fg_color:#dcdcdc\nlink_color:#fc6f5d"
gtk-auto-mnemonics = 1 gtk-auto-mnemonics = 1
gtk-visible-focus = automatic gtk-visible-focus = automatic