GTK+-3.20 submarine themes: re-work tooltip settings, fixes firefox tooltips

2 files changed, 108 insertions, 56 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 2e7eb88f..b21c5339 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -121,28 +121,6 @@ label:disabled {
     background-color: transparent;

 }

 

-tooltip,

-tooltip.background {

-    padding: 4px 4px;

-    color: shade(@theme_tooltip_fg_color, 0.90);

-    border-width: 1px;

-    border-style: solid;

-    border-radius: 3px;

-/*    border-color: @theme_fg_color; */

-    background-color: alpha(@theme_tooltip_bg_color, 0.90);

-    background-clip: padding-box;

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

-}

-

-tooltip decoration {

-    background-color: transparent;

-}

-

-tooltip * {

-    background-color: transparent;

-    padding: 4px 4px;

-}

-

 .grip {

     background-color: transparent;

     background-image: url("assets/resize-grip.svg");

@@ -160,6 +138,60 @@ rubberband,
     border-radius: 2px;    

 }

 

+/************

+ * Tooltips *

+ ************/

+

+tooltip,

+.tooltip {

+    border-width: 0px;

+    border-style: none;

+    border-radius: 2px;

+    border-color: transparent;

+}

+

+tooltip.background,

+.tooltip.background {

+    background-color: alpha(@theme_tooltip_bg_color, 1.00);

+    background-clip: padding-box;

+    border-width: 1px;

+    border-style: solid;

+    border-radius: 2px;

+    border-color: @theme_fg_color;

+}

+

+tooltip label,

+.tooltip label {

+    color: shade(@theme_tooltip_fg_color, 0.90);

+	text-shadow: none;

+/* this controls the tooltip size */

+    padding: 6px;

+}

+

+/* needed for override CSD setting */

+tooltip decoration,

+.tooltip decoration,

+tooltip.csd decoration,

+.tooltip.csd decoration,

+tooltip.ssd decoration,

+.tooltip.ssd decoration,

+tooltip.solid-csd decoration,

+.tooltip.solid-csd decoration,

+tooltip.background.csd decoration,

+.tooltip.background.csd decoration,

+tooltip.background.ssd decoration,

+.tooltip.background.ssd decoration,

+tooltip.background.solid-csd decoration,

+.tooltip.background.solid-csd decoration {

+    background-color: alpha(shade(@theme_selected_bg_color, 1.3), 0.6);

+    border-width: 1px;

+    border-style: solid;

+    border-radius: 2px;

+    border-color: @theme_fg_color;

+    box-shadow: 0 1px 5px shade (@theme_selected_bg_color, 1.3);

+    padding: 1px;

+}

+

 /*************

  * separator *

  *************/

@@ -6011,12 +6043,6 @@ decoration:backdrop {
     box-shadow: none;

 }

 

-tooltip.csd decoration {

-    border-radius: 3px;

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

-    padding: 4px 4px;

-}

-

 messagedialog.csd decoration {

     border-radius: 7px;

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

diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
index d60bb492..ef79b375 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -124,28 +124,6 @@ label:disabled {
     background-color: transparent;

 }

 

-tooltip,

-tooltip.background {

-    padding: 4px 4px;

-    color: shade(@theme_tooltip_fg_color, 0.90);

-    border-width: 1px;

-    border-style: solid;

-    border-radius: 3px;

-/*    border-color: @theme_fg_color; */

-    background-color: alpha(@theme_tooltip_bg_color, 0.90);

-    background-clip: padding-box;

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

-}

-

-tooltip decoration {

-    background-color: transparent;

-}

-

-tooltip * {

-    background-color: transparent;

-    padding: 4px 4px;

-}

-

 .grip {

     background-color: transparent;

     background-image: url("assets/resize-grip.svg");

@@ -163,6 +141,60 @@ rubberband,
     border-radius: 2px;    

 }

 

+/************

+ * Tooltips *

+ ************/

+

+tooltip,

+.tooltip {

+    border-width: 0px;

+    border-style: none;

+    border-radius: 2px;

+    border-color: transparent;

+}

+

+tooltip.background,

+.tooltip.background {

+    background-color: alpha(@theme_tooltip_bg_color, 1.00);

+    background-clip: padding-box;

+    border-width: 1px;

+    border-style: solid;

+    border-radius: 2px;

+    border-color: @theme_fg_color;

+}

+

+tooltip label,

+.tooltip label {

+    color: shade(@theme_tooltip_fg_color, 0.90);

+	text-shadow: none;

+/* this controls the tooltip size */

+    padding: 6px;

+}

+

+/* needed for override CSD setting */

+tooltip decoration,

+.tooltip decoration,

+tooltip.csd decoration,

+.tooltip.csd decoration,

+tooltip.ssd decoration,

+.tooltip.ssd decoration,

+tooltip.solid-csd decoration,

+.tooltip.solid-csd decoration,

+tooltip.background.csd decoration,

+.tooltip.background.csd decoration,

+tooltip.background.ssd decoration,

+.tooltip.background.ssd decoration,

+tooltip.background.solid-csd decoration,

+.tooltip.background.solid-csd decoration {

+    background-color: alpha(shade(@theme_selected_bg_color, 1.3), 0.6);

+    border-width: 1px;

+    border-style: solid;

+    border-radius: 2px;

+    border-color: @theme_fg_color;

+    box-shadow: 0 1px 5px shade (@theme_selected_bg_color, 1.3);

+    padding: 1px;

+}

+

 /*************

  * separator *

  *************/

@@ -6006,12 +6038,6 @@ decoration:backdrop {
     box-shadow: none;

 }

 

-tooltip.csd decoration {

-    border-radius: 3px;

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

-    padding: 4px 4px;

-}

-

 messagedialog.csd decoration {

     border-radius: 7px;

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