updated the color of toast warning icon (#1689)

* updated the color of toast warning icon (#1662) * removed the `color` defination from `.Toast-icon` * Create proud-mice-decide.md Co-authored-by: Katie Langerman <langermank@github.com>
primer · Oct 20, 2021 · 257f68f · 257f68f
1 parent 88dfbb5
commit 257f68f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/.changeset/proud-mice-decide.md b/.changeset/proud-mice-decide.md
@@ -0,0 +1,7 @@
+---
+"@primer/css": patch
+---
+
+Update all Toast variant icons to use `var(--color-fg-on-emphasis)`
+
+The only visible change is in the `warning` variant, previously using `var(--color-fg-default)` 
diff --git a/src/toasts/toasts.scss b/src/toasts/toasts.scss
@@ -58,7 +58,6 @@
   box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
 
   .Toast-icon {
-    color: var(--color-fg-on-emphasis);
     background-color: var(--color-neutral-emphasis);
   }
 }
@@ -68,7 +67,6 @@
   box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
 
   .Toast-icon {
-    color: var(--color-fg-on-emphasis);
     background-color: var(--color-danger-emphasis);
   }
 }
@@ -78,7 +76,6 @@
   box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
 
   .Toast-icon {
-    color: var(--color-fg-default);
     background-color: var(--color-attention-emphasis);
   }
 }
@@ -88,7 +85,6 @@
   box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
 
   .Toast-icon {
-    color: var(--color-fg-on-emphasis);
     background-color: var(--color-success-emphasis);
   }
 }