Improvement: GTK3&4 - tooltip rounded corners

thekomer · Feb 17, 2022 · 98a67cc · 98a67cc
1 parent 86b2e18
commit 98a67cc
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 10 deletions.
diff --git a/gtk-3.0/_colors.scss b/gtk-3.0/_colors.scss
@@ -68,6 +68,7 @@ $suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_b
 
 $window_border_color: mix($headerbar_color, $selected_bg_color, 70%);
 $window_border_backdrop_color: mix($headerbar_color, $fg_color, 92%);
+$tooltip_borders_color: mix($headerbar_color, $fg_color, 92%);
 
 $osd_fg_color: #fefefe;
 $osd_text_color: white;
@@ -78,8 +79,6 @@ $osd_borders_color: transparentize(black, 0.85);
 
 $base_hover_color: transparentize($fg_color, 0.95);
 
-//$tooltip_borders_color: transparentize(white, 0.95);
-$tooltip_borders_color: mix($headerbar_color, $fg_color, 92%);
 $shadow_color: transparentize(black, 0.9);
 $shadow_color: if($variant == 'light', transparentize(black, 0.9), transparentize(white, 0.9));
 

diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
@@ -4634,13 +4634,13 @@ searchbar {
 tooltip {
   padding: 4px;
   /* not working */
-  border-radius: 5px;
+  border-radius: 0.6em;
   box-shadow: none;
   text-shadow: 0 1px black; }
   tooltip.background {
     background-color: rgba(0, 0, 0, 0.8);
     background-clip: padding-box;
-    border: 1px solid #15161b; }
+    border: 1px solid #27292f; }
   tooltip decoration {
     background-color: transparent; }
   tooltip * {

diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
@@ -4634,13 +4634,13 @@ searchbar {
 tooltip {
   padding: 4px;
   /* not working */
-  border-radius: 5px;
+  border-radius: 0.6em;
   box-shadow: none;
   text-shadow: 0 1px black; }
   tooltip.background {
     background-color: rgba(0, 0, 0, 0.8);
     background-clip: padding-box;
-    border: 1px solid #15161b; }
+    border: 1px solid #27292f; }
   tooltip decoration {
     background-color: transparent; }
   tooltip * {

diff --git a/gtk-3.0/widgets/_tooltips.scss b/gtk-3.0/widgets/_tooltips.scss
@@ -13,7 +13,7 @@ tooltip {
   }
 
   padding: 4px; /* not working */
-  border-radius: 5px;
+  border-radius: 0.6em;//5px;
   box-shadow: none; // otherwise it gets inherited by windowframe.csd
   text-shadow: 0 1px black;
 

diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css
@@ -4574,7 +4574,7 @@ searchbar {
 tooltip {
   padding: 4px;
   /* not working */
-  border-radius: 5px;
+  border-radius: 0.6em;
   box-shadow: none;
   text-shadow: 0 1px black; }
   tooltip.background {

diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
@@ -4574,7 +4574,7 @@ searchbar {
 tooltip {
   padding: 4px;
   /* not working */
-  border-radius: 5px;
+  border-radius: 0.6em;
   box-shadow: none;
   text-shadow: 0 1px black; }
   tooltip.background {

diff --git a/gtk-4.0/widgets/_tooltips.scss b/gtk-4.0/widgets/_tooltips.scss
@@ -13,7 +13,7 @@ tooltip {
   }
 
   padding: 4px; /* not working */
-  border-radius: 5px;
+  border-radius: 0.6em;//5px;
   box-shadow: none; // otherwise it gets inherited by windowframe.csd
   text-shadow: 0 1px black;