Adjust Hint Bubble styles

By setting a dedicated text color this also works with the new selected element style.
AlchemyCMS · Dec 12, 2020 · cd7d42b · cd7d42b
1 parent ba1d817
commit cd7d42b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/app/assets/stylesheets/alchemy/_variables.scss b/app/assets/stylesheets/alchemy/_variables.scss
@@ -102,6 +102,9 @@ $error_border_color: #c49c9c !default;
 $error_text_color: #a23434 !default;
 $error_background_color: #efd3d3 !default;
 
+$hint-background-color: $light_yellow !default;
+$hint-text-color: $very-dark-gray !default;
+
 $form-left-width: 35% !default;
 $form-right-width: 65% !default;
 

diff --git a/app/assets/stylesheets/alchemy/hints.scss b/app/assets/stylesheets/alchemy/hints.scss
@@ -27,7 +27,8 @@
 
   > .hint-bubble {
     visibility: hidden;
-    background: $light_yellow;
+    background-color: $hint-background-color;
+    color: $hint-text-color;
     border-radius: $default-border-radius;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, .3);
     position: absolute;