Merge pull request #220 from user-interviews/Bug/RS-219-better-contrast-popper-links

Change dark Popper link color

Author: careful-axe

src/Popper/Popper.scss

@@ -120,6 +120,11 @@
     @include popper-arrow($popper-color: $ux-gray-800);
     background-color: $ux-gray-800;
     color: $ux-gray-100;
+
+    a, a:active, a:focus, a:hover, a:visited {
+      color: $ux-blue-300;
+      @include font-type-30;
+    }
   }
 }
 

stories/Tooltip.stories.jsx

@@ -39,7 +39,12 @@ export const WithHtml = () => (
   <Tooltip
     header={text('Header Text', 'Default Header')}
     placement="right"
-    text={<span>I am html <br /> with a linebreak!</span>}
+    text={(
+      <span>
+        I am html <br /> with a linebreak!
+        And a <a href="#test">link</a>!
+      </span>
+    )}
   />
 );