Adding a danger text color as well.

elastic · Feb 21, 2020 · c500652 · c500652
1 parent 3752715
commit c500652
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/src/components/expression/_variables.scss b/src/components/expression/_variables.scss
@@ -4,6 +4,6 @@ $euiExpressionColors: (
   primary:  $euiColorPrimaryText,
   secondary: $euiColorSecondaryText,
   warning: $euiColorWarningText,
-  danger: $euiColorDanger,
+  danger: $euiColorDangerText,
   accent: $euiColorAccentText,
 );
diff --git a/src/components/link/_link.scss b/src/components/link/_link.scss
@@ -4,7 +4,7 @@ $textColors: (
   secondary: $euiColorSecondaryText,
   accent: $euiColorAccentText,
   warning: $euiColorWarningText,
-  danger: $euiColorDanger,
+  danger: $euiColorDangerText,
   text: $euiTextColor,
   ghost: $euiColorGhost,
 );

diff --git a/src/components/stat/_stat.scss b/src/components/stat/_stat.scss
@@ -4,7 +4,7 @@
     subdued: $euiColorDarkShade,
     primary: $euiColorPrimaryText,
     secondary: $euiColorSecondaryText,
-    danger: $euiColorDanger,
+    danger: $euiColorDangerText,
     accent: $euiColorAccentText,
   );
 

diff --git a/src/global_styling/variables/_colors.scss b/src/global_styling/variables/_colors.scss
@@ -31,10 +31,11 @@ $euiFocusBackgroundColor: tintOrShade($euiColorPrimary, 90%, 50%) !default;
 $euiPageBackgroundColor: tintOrShade($euiColorLightestShade, 50%, 30%) !default;
 
 // Constrasty text variants
-$euiColorPrimaryText: makeHighContrastColor($euiColorPrimary, $euiColorEmptyShade);
-$euiColorSecondaryText: makeHighContrastColor($euiColorSecondary, $euiColorEmptyShade);
-$euiColorAccentText: makeHighContrastColor($euiColorAccent, $euiColorEmptyShade);
-$euiColorWarningText: makeHighContrastColor($euiColorWarning, $euiColorEmptyShade);
+$euiColorPrimaryText: makeHighContrastColor($euiColorPrimary, $euiPageBackgroundColor);
+$euiColorSecondaryText: makeHighContrastColor($euiColorSecondary, $euiPageBackgroundColor);
+$euiColorAccentText: makeHighContrastColor($euiColorAccent, $euiPageBackgroundColor);
+$euiColorWarningText: makeHighContrastColor($euiColorWarning, $euiPageBackgroundColor);
+$euiColorDangerText: makeHighContrastColor($euiColorDanger, $euiPageBackgroundColor);
 
 // Visualization colors