Add missing header bars and CSD

Copied the header bars and CSD stuff from the MediterraneanNight theme to all other themes. See: #26
rbrito · Feb 3, 2015 · ab00685 · ab00685
1 parent e318850
commit ab00685
Show file tree

Hide file tree

Showing 11 changed files with 1,787 additions and 0 deletions.
diff --git a/MediterraneanDark/gtk-3.0/gtk-widgets.css b/MediterraneanDark/gtk-3.0/gtk-widgets.css
@@ -179,6 +179,153 @@ GtkLabel:insensitive {
     border-radius: 2px;
 }
 
+/***************
+ * Header bars *
+ ***************/
+.header-bar {
+    border-width: 0 0 1px;
+    border-style: solid;
+    border-color: shade(@borders, 0.90);
+    border-radius: 15px 15px 0px 0px;
+    box-shadow: inset 0 -1px shade(@borders, 1.30);
+    background-color: @theme_bg_dark_color;
+
+    padding: 6px 6px 5px 6px;
+}
+
+.header-bar:backdrop {
+    border-image: linear-gradient(to top,
+                                  @unfocused_borders,
+                                  @unfocused_borders 1px,
+                                  @theme_unfocused_bg_color 1px) 0 0 2;
+    box-shadow: none;
+    background-color: @theme_bg_dark_color;
+}
+
+.header-bar .button.text-button {
+    padding: 2px 16px;
+}
+
+.header-bar .button.image-button {
+    padding: 5px 4px 5px 5px;
+}
+
+.header-bar .title {
+    font: Bold 11;
+    color: @theme_text_dark_color;
+
+}
+
+.header-bar .subtitle {
+    font: 9;
+    color: @theme_text_dark_color;
+
+}
+.header-bar GtkSeparatorToolItem,
+.header-bar .separator,
+.header-bar .separator:insensitive,
+.header-bar .pane-separator
+ {
+    border-color: 		 alpha (#000, 0.24);
+    border-bottom-color: alpha (#000, 0.08);
+    border-right-color:  alpha (#000, 0.08);
+}
+/*******
+ * CSD *
+ *******/
+.titlebar {
+    text-shadow: 0 1px @wm_title_shadow;
+
+
+    border-radius: 7px 7px 0px 0px;
+}
+
+/* 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: Bold 11;
+}
+
+.titlebar:backdrop {
+    text-shadow: none;
+    background-image: none;
+    background-color: @theme_bg_dark_color;
+}
+
+.titlebar .titlebutton {
+    icon-shadow: 0px 1px @theme_shadow_dark_color;
+    color: @wm_title;
+    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,
+                                      @button_hover_gradient_color_a,
+                                      @button_hover_gradient_color_b);
+}
+
+.titlebar .titlebutton:active {
+    background-image: linear-gradient(to bottom,
+                                      @borders,
+                                      shade(@theme_bg_dark_color, 0.95)
+                                      );
+    color: @theme_selected_fg_color;
+    icon-shadow: none;
+}
+
+.titlebar .right .titlebutton:first-child {
+    border-left: 1px solid @menu_separator;
+}
+
+.titlebar .right .titlebutton:last-child {
+
+}
+
+.titlebar .left .titlebutton:last-child {
+    border-right: 1px solid @menu_separator;
+}
+
+.titlebar .left .titlebutton:first-child {
+
+}
+
+.titlebar .titlebutton:backdrop {
+    background-image: none;
+    color: @wm_unfocused_dark_title;
+    border-image: none;
+    icon-shadow: none;
+}
+
+.window-frame {
+    border-color: darker(@theme_bg_dark_color);
+    border-radius: 7px 7px 0 0;
+    border-width: 1px;
+    border-style: solid;
+
+    box-shadow: 0 2px 8px 3px @theme_shadow_dark_color;
+
+    /* this is used for the resize cursor area */
+    margin: 10px;
+}
+
+.window-frame:backdrop {
+    box-shadow: 0 2px 5px 1px @theme_shadow_dark_color;
+}
+
 /*************
  * separator *
  *************/

diff --git a/MediterraneanDarkest/gtk-3.0/gtk-widgets.css b/MediterraneanDarkest/gtk-3.0/gtk-widgets.css
@@ -179,6 +179,153 @@ GtkLabel:insensitive {
     border-radius: 2px;
 }
 
+/***************
+ * Header bars *
+ ***************/
+.header-bar {
+    border-width: 0 0 1px;
+    border-style: solid;
+    border-color: shade(@borders, 0.90);
+    border-radius: 15px 15px 0px 0px;
+    box-shadow: inset 0 -1px shade(@borders, 1.30);
+    background-color: @theme_bg_dark_color;
+
+    padding: 6px 6px 5px 6px;
+}
+
+.header-bar:backdrop {
+    border-image: linear-gradient(to top,
+                                  @unfocused_borders,
+                                  @unfocused_borders 1px,
+                                  @theme_unfocused_bg_color 1px) 0 0 2;
+    box-shadow: none;
+    background-color: @theme_bg_dark_color;
+}
+
+.header-bar .button.text-button {
+    padding: 2px 16px;
+}
+
+.header-bar .button.image-button {
+    padding: 5px 4px 5px 5px;
+}
+
+.header-bar .title {
+    font: Bold 11;
+    color: @theme_text_dark_color;
+
+}
+
+.header-bar .subtitle {
+    font: 9;
+    color: @theme_text_dark_color;
+
+}
+.header-bar GtkSeparatorToolItem,
+.header-bar .separator,
+.header-bar .separator:insensitive,
+.header-bar .pane-separator
+ {
+    border-color: 		 alpha (#000, 0.24);
+    border-bottom-color: alpha (#000, 0.08);
+    border-right-color:  alpha (#000, 0.08);
+}
+/*******
+ * CSD *
+ *******/
+.titlebar {
+    text-shadow: 0 1px @wm_title_shadow;
+
+
+    border-radius: 7px 7px 0px 0px;
+}
+
+/* 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: Bold 11;
+}
+
+.titlebar:backdrop {
+    text-shadow: none;
+    background-image: none;
+    background-color: @theme_bg_dark_color;
+}
+
+.titlebar .titlebutton {
+    icon-shadow: 0px 1px @theme_shadow_dark_color;
+    color: @wm_title;
+    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,
+                                      @button_hover_gradient_color_a,
+                                      @button_hover_gradient_color_b);
+}
+
+.titlebar .titlebutton:active {
+    background-image: linear-gradient(to bottom,
+                                      @borders,
+                                      shade(@theme_bg_dark_color, 0.95)
+                                      );
+    color: @theme_selected_fg_color;
+    icon-shadow: none;
+}
+
+.titlebar .right .titlebutton:first-child {
+    border-left: 1px solid @menu_separator;
+}
+
+.titlebar .right .titlebutton:last-child {
+
+}
+
+.titlebar .left .titlebutton:last-child {
+    border-right: 1px solid @menu_separator;
+}
+
+.titlebar .left .titlebutton:first-child {
+
+}
+
+.titlebar .titlebutton:backdrop {
+    background-image: none;
+    color: @wm_unfocused_dark_title;
+    border-image: none;
+    icon-shadow: none;
+}
+
+.window-frame {
+    border-color: darker(@theme_bg_dark_color);
+    border-radius: 7px 7px 0 0;
+    border-width: 1px;
+    border-style: solid;
+
+    box-shadow: 0 2px 8px 3px @theme_shadow_dark_color;
+
+    /* this is used for the resize cursor area */
+    margin: 10px;
+}
+
+.window-frame:backdrop {
+    box-shadow: 0 2px 5px 1px @theme_shadow_dark_color;
+}
+
 /*************
  * separator *
  *************/