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);
+}