GTK+-3.14 submarine themes: style flat buttons in rhythmbox

2 files changed, 139 insertions, 0 deletions

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css
index 8b59c11b..126ef456 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gnome-applications.css
@@ -280,6 +280,76 @@ RBSource .toolbar .button *:checked:hover {
     text-shadow: 0 1px @theme_shadow_color;
 }
 
+RBButtonBar.horizontal.toolbar > .button.flat {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (@button_gradient1),
+                                     color-stop (0.48, @button_gradient2),
+                                     color-stop (0.52, @button_gradient3),
+                                     to   (@button_gradient4));
+    border-width: 1px;
+    border-radius: 6px;
+    border-style: solid;
+    /* outer */
+    border-top-color: transparent;
+    border-left-color: alpha (#000, 0.01);
+    border-right-color: alpha (#000, 0.01);
+    border-bottom-color: alpha (#000, 0.03);
+    box-shadow: inset  0px  2px alpha(#fff, 0.11),
+                inset  2px  0px alpha(#fff, 0.09),
+                inset -2px  0px alpha(#fff, 0.09),
+                inset  0px -2px alpha(#fff, 0.07),
+                inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
+                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
+                inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
+                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
+    color: @theme_fg_color;
+    text-shadow: 0px 1px @theme_shadow_color;
+    padding: 5px 0px;
+}
+
+RBButtonBar.horizontal.toolbar > .button.flat:hover {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@button_gradient1, 1.03)),
+                                     color-stop (0.48, shade(@button_gradient2, 1.03)),
+                                     color-stop (0.52, shade(@button_gradient3, 1.03)),
+                                     to   (shade(@button_gradient4, 1.01)));
+    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
+                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
+}
+
+RBButtonBar.horizontal.toolbar > .button.flat:checked {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade (@theme_bg_color, 1.20)),
+                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
+                                     color-stop (0.50, shade (@theme_bg_color, 0.95)),
+                                     to (shade (@theme_bg_color, 0.80)));
+    border-radius: 6px;
+    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
+                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
+}
+
+RBButtonBar.horizontal.toolbar > .button.flat:insensitive {
+    background-image: none;
+    background-color: @insensitive_bg_color;
+    border-color: alpha (#000, 0.00);
+    border-bottom-color: alpha (#000, 0.00);
+    border-image: none;
+    box-shadow: inset  0px  1px @insensitive_border_color,
+                inset  1px  0px @insensitive_border_color,
+                inset -1px  0px @insensitive_border_color,
+                inset  0px -1px @insensitive_border_color;
+    color: @insensitive_fg_color;
+    text-shadow: none;
+}
+
+
 /************
  * Nautilus *
  ************/
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gnome-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/gnome-applications.css
index b63dd26f..37e79103 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gnome-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gnome-applications.css
@@ -280,6 +280,75 @@ RBSource .toolbar .button *:checked:hover {
     text-shadow: 0 1px @theme_shadow_color;
 }
 
+RBButtonBar.horizontal.toolbar > .button.flat {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (@button_gradient1),
+                                     color-stop (0.48, @button_gradient2),
+                                     color-stop (0.52, @button_gradient3),
+                                     to   (@button_gradient4));
+    border-width: 1px;
+    border-radius: 6px;
+    border-style: solid;
+    /* outer */
+    border-top-color: transparent;
+    border-left-color: alpha (#000, 0.01);
+    border-right-color: alpha (#000, 0.01);
+    border-bottom-color: alpha (#000, 0.03);
+    box-shadow: inset  0px  2px alpha(#fff, 0.11),
+                inset  2px  0px alpha(#fff, 0.09),
+                inset -2px  0px alpha(#fff, 0.09),
+                inset  0px -2px alpha(#fff, 0.07),
+                inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
+                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
+                inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
+                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
+    color: @theme_fg_color;
+    text-shadow: 0px 1px @theme_shadow_color;
+    padding: 5px 0px;
+}
+
+RBButtonBar.horizontal.toolbar > .button.flat:hover {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@button_gradient1, 1.03)),
+                                     color-stop (0.48, shade(@button_gradient2, 1.03)),
+                                     color-stop (0.52, shade(@button_gradient3, 1.03)),
+                                     to   (shade(@button_gradient4, 1.01)));
+    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),
+                inset  1px  0px shade(@selected_bg_color, 0.97),
+                inset -1px  0px shade(@selected_bg_color, 0.93),
+                inset  0px -1px shade(@selected_bg_color, 0.93);
+}
+
+RBButtonBar.horizontal.toolbar > .button.flat:checked {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade (@theme_bg_color, 1.20)),
+                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
+                                     color-stop (0.50, shade (@theme_bg_color, 0.95)),
+                                     to (shade (@theme_bg_color, 0.80)));
+    border-radius: 6px;
+    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),
+                inset  1px  0px shade(@selected_bg_color, 0.97),
+                inset -1px  0px shade(@selected_bg_color, 0.93),
+                inset  0px -1px shade(@selected_bg_color, 0.93);
+}
+
+RBButtonBar.horizontal.toolbar > .button.flat:insensitive {
+    background-image: none;
+    background-color: @insensitive_bg_color;
+    border-color: alpha (#000, 0.00);
+    border-bottom-color: alpha (#000, 0.00);
+    border-image: none;
+    box-shadow: inset  0px  1px @insensitive_border_color,
+                inset  1px  0px @insensitive_border_color,
+                inset -1px  0px @insensitive_border_color,
+                inset  0px -1px @insensitive_border_color;
+    color: @insensitive_fg_color;
+    text-shadow: none;
+}
+
 /************
  * Nautilus *
  ************/