primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-29 14:14:26 +03:00
Code Issues Projects Releases Wiki Activity

updated the color of toast warning icon (#1689)

Browse Source 
* 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>
This commit is contained in:
Aditya Patel 2021-10-21 05:17:12 +05:30 committed by GitHub
parent 88dfbb54f1
commit 257f68f653
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.changeset/proud-mice-decide.md Normal file
View File

@ -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)`

4
src/toasts/toasts.scss
View File

@ -58,7 +58,6 @@
box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large); box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
.Toast-icon { .Toast-icon {
color: var(--color-fg-on-emphasis);
background-color: var(--color-neutral-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); box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
.Toast-icon { .Toast-icon {
color: var(--color-fg-on-emphasis);
background-color: var(--color-danger-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); box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
.Toast-icon { .Toast-icon {
color: var(--color-fg-default);
background-color: var(--color-attention-emphasis); 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); box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
.Toast-icon { .Toast-icon {
color: var(--color-fg-on-emphasis);
background-color: var(--color-success-emphasis); background-color: var(--color-success-emphasis);
} }
} }