GTK+-3.20 Submarine themes: add settings for meld + button bg adjustments

2 files changed, 82 insertions, 32 deletions

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
index e14e0862..9c422fbd 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -116,6 +116,10 @@ window {
  * label *

  *********/

 

+label {

+    transition: all 400ms ease-out;

+}

+

 label,

 label:disabled {

     background-color: transparent;

@@ -879,8 +883,7 @@ button {
     background-image: -gtk-gradient (linear,

                                      left top, left bottom,

                                      from (@button_gradient1),

-                                     color-stop (0.48, @button_gradient2),

-                                     color-stop (0.52, @button_gradient3),

+                                     color-stop (0.50, @button_gradient3),

                                      to   (@button_gradient4));

     border-width: 1px;

     border-radius: 6px;

@@ -936,8 +939,7 @@ button: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)),

+                                     color-stop (0.50, 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),

@@ -1536,8 +1538,7 @@ toolbar .raised.linked:nth-child(last) button:checked:hover {
     background-image: -gtk-gradient (linear,

                                      left top, left bottom,

                                      from (@button_gradient1),

-                                     color-stop (0.48, @button_gradient2),

-                                     color-stop (0.52, @button_gradient3),

+                                     color-stop (0.50, @button_gradient3),

                                      to   (@button_gradient4));

 

 }

@@ -1550,8 +1551,7 @@ toolbar .raised.linked:nth-child(last) button:checked: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)),

+                                     color-stop (0.50, shade(@button_gradient3, 1.03)),

                                      to   (shade(@button_gradient4, 1.01)));

 }

 

@@ -1563,7 +1563,7 @@ toolbar .raised.linked:nth-child(last) button:checked:hover {
                                      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)),

+                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),

                                      to (shade (@theme_bg_color, 0.80)));

 }

 

@@ -2919,8 +2919,8 @@ toolbar.inline-toolbar {
     background-image: -gtk-gradient (linear,

                                      left top, left bottom,

                                      from (shade(@button_base, 1.00)),

-                                     color-stop (0.48, shade(@button_base, 0.96)),

-                                     color-stop (0.52, shade(@button_base, 0.93)),

+                                     color-stop (0.50, shade(@button_base, 0.96)),

+                                     color-stop (0.50, shade(@button_base, 0.95)),

                                      to (shade(@button_base, 0.94))); 

     border-width: 0 1px 1px 0px;

     border-style: solid;

@@ -2940,8 +2940,8 @@ toolbar.inline-toolbar button {
     background-image: -gtk-gradient (linear,

                                      left top, left bottom,

                                      from (shade(@button_base, 1.00)),

-                                     color-stop (0.48, shade(@button_base, 0.96)),

-                                     color-stop (0.52, shade(@button_base, 0.93)),

+                                     color-stop (0.50, shade(@button_base, 0.96)),

+                                     color-stop (0.50, shade(@button_base, 0.95)),

                                      to (shade(@button_base, 0.94)));

     border-width: 0px;

     border-radius: 0px;

@@ -2975,8 +2975,8 @@ toolbar.inline-toolbar button:hover {
     background-image: -gtk-gradient (linear,

                                      left top, left bottom,

                                      from (shade(@button_base, 1.03)),

-                                     color-stop (0.48, shade(@button_base, 0.99)),

-                                     color-stop (0.52, shade(@button_base, 0.96)),

+                                     color-stop (0.50, shade(@button_base, 0.99)),

+                                     color-stop (0.50, shade(@button_base, 0.98)),

                                      to (shade(@button_base, 0.97)));

     color: @theme_text_color;

 }

@@ -3125,8 +3125,7 @@ spinbutton > button: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)),

+                                     color-stop (0.50, shade(@button_gradient3, 1.03)),

                                      to   (shade(@button_gradient4, 1.01)));

 }

 

@@ -3135,7 +3134,7 @@ spinbutton > button:active {
                                      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)),

+                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),

                                      to (shade (@theme_bg_color, 0.80)));

 }

 

@@ -4028,8 +4027,8 @@ treeview.view > header > button:focus {
     background-image: -gtk-gradient (linear,

                                      left top, left bottom,

                                      from (shade(@button_base, 1.00)),

-                                     color-stop (0.48, shade(@button_base, 0.96)),

-                                     color-stop (0.52, shade(@button_base, 0.92)),

+                                     color-stop (0.50, shade(@button_base, 0.96)),

+                                     color-stop (0.50, shade(@button_base, 0.95)),

                                      to (shade(@button_base, 0.93)));

     border-width: 0px 1px 1px 0px;

     border-style: solid;

@@ -4049,8 +4048,7 @@ treeview.view > header > button: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)),

+                                     color-stop (0.50, shade(@button_gradient3, 1.03)),

                                      to   (shade(@button_gradient4, 1.01)));

     border-style: solid;

     border-radius: 0px;

@@ -4070,7 +4068,7 @@ treeview.view > header > button:focus:hover:active {
                                      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)),

+                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),

                                      to (shade (@theme_bg_color, 0.80)));

     border-radius: 0px;

     box-shadow: none;

@@ -4695,8 +4693,7 @@ dialog scrolledwindow.frame viewport .vertical expander .vertical {
     background-image: -gtk-gradient (linear,

                                      left top, left bottom,

                                      from (@button_gradient1),

-                                     color-stop (0.48, @button_gradient2),

-                                     color-stop (0.52, @button_gradient3),

+                                     color-stop (0.50, @button_gradient3),

                                      to   (@button_gradient4));

     box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),

                 inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),

@@ -4715,8 +4712,7 @@ dialog scrolledwindow.frame viewport .vertical expander .vertical {
     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)),

+                                     color-stop (0.50, 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),

@@ -4729,7 +4725,7 @@ dialog scrolledwindow.frame viewport .vertical expander .vertical {
                                      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)),

+                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),

                                      to (shade (@theme_bg_color, 0.80)));

     box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),

                 inset  1px  0px shade (@theme_selected_bg_color, 1.3),

@@ -6386,8 +6382,7 @@ stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child {
     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)),

+                                     color-stop (0.50, shade(@button_gradient3, 1.03)),

                                      to   (shade(@button_gradient4, 1.01)));

 }

 

@@ -6397,7 +6392,7 @@ stack .linked.vertical spinbutton.horizontal button:active:last-child {
                                      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)),

+                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),

                                      to (shade (@theme_bg_color, 0.80)));

 }

 

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
index 011cbc36..66ed2999 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css
@@ -219,7 +219,7 @@
     border-color: @borders;
 }
 
-.nemo-properties-dialog box.vertical.dialog-vbox frame.view  GtkViewport.frame {
+.nemo-properties-dialog box.vertical.dialog-vbox frame.view  viewport.frame {
     background-color: shade (@theme_bg_color, 1.1);
 }
 
@@ -307,3 +307,58 @@ window.background box.vertical notebook box.horizontal box.vertical notebook {
     border-style: none;
 }
 
+/* meld */
+
+.meld-notebook-toolbar > toolitem > filechooserbutton > button.file > box > label {
+    color:             @theme_fg_color;
+    text-shadow: none;
+}
+
+.meld-notebook-toolbar > toolitem > filechooserbutton > button.file {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (@button_gradient1),
+                                     color-stop (0.50, @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  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);
+}
+
+.meld-notebook-toolbar > toolitem > filechooserbutton > button.file:hover {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (shade(@button_gradient1, 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);
+}
+
+.meld-notebook-toolbar > toolitem > filechooserbutton > button.file:focus {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (@button_gradient1),
+                                     color-stop (0.50, @button_gradient3),
+                                     to   (@button_gradient4));
+    /* 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  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);
+}
+