Styles: add Tooltip style (#706)

elementary · Mar 22, 2024 · ae05901 · ae05901
1 parent cc80a99
commit ae05901
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/lib/Styles/Granite/OverlayBar.scss b/lib/Styles/Granite/OverlayBar.scss
@@ -1,9 +1,9 @@
 overlaybar .osd {
     padding: rem(6px) rem(12px);
+    text-shadow: 0 rem(1px) rem(2px) rgba($fg_color, 0.6);
 
     spinner {
-        text-shadow: 0 rem(1px) rem(2px) rgba(black, 0.6);
-        -gtk-icon-shadow: 0 rem(1px) rem(2px) rgba(black, 0.6);
+        -gtk-icon-shadow: 0 rem(1px) rem(2px) rgba($fg_color, 0.6);
     }
 
     revealer:dir(ltr) > spinner {

diff --git a/lib/Styles/Gtk/Index.scss b/lib/Styles/Gtk/Index.scss
@@ -2,5 +2,6 @@
 @import 'HeaderBar.scss';
 @import 'ShortcutsWindow.scss';
 @import 'Spinner.scss';
+@import 'Tooltip.scss';
 @import 'WindowControls.scss';
 @import 'Window.scss';
diff --git a/lib/Styles/Gtk/Tooltip.scss b/lib/Styles/Gtk/Tooltip.scss
@@ -0,0 +1,6 @@
+tooltip {
+    @extend .osd;
+
+    margin: rem(3px);
+    text-shadow: 0 rem(1px) rem(2px) rgba($fg_color, 0.6);
+}