From ae05901aa779e0fb776969dc8432259d8757eb3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Danielle=20For=C3=A9?= <danielle@elementary.io>
Date: Thu, 21 Mar 2024 18:40:46 -0700
Subject: [PATCH] Styles: add Tooltip style (#706)

---
 lib/Styles/Granite/OverlayBar.scss | 4 ++--
 lib/Styles/Gtk/Index.scss          | 1 +
 lib/Styles/Gtk/Tooltip.scss        | 6 ++++++
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 lib/Styles/Gtk/Tooltip.scss

diff --git a/lib/Styles/Granite/OverlayBar.scss b/lib/Styles/Granite/OverlayBar.scss
index 2961062ee..da18d9709 100644
--- 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
index fcdb70a9c..9aea78e13 100644
--- 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
new file mode 100644
index 000000000..17a78ad26
--- /dev/null
+++ 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);
+}