Style toasts
Task : Style Toasts in Dark and Light themes according to the following values
Light theme
Desired look
UI
(These are only some of the main values. Please check out the mockups on Zeplin for more details about spacings, etc)
Element | Font | Emphasis | Hex | Opacity |
---|---|---|---|---|
Background | N/A | High | #181818 | 100% |
Text | Source Sans Pro, Regular, 16 | High | #FFFFFF | 100% |
Button | N/A | Medium | #000000 | 74% |
Icon - Negative feedback | N/A | N/A | #D35050 | 100% |
Icon - Positive feedback | N/A | N/A | #7CD6AE | 100% |
Mockups
Zeplin Link |
---|
Neutral feedback |
Negative feedback |
Positive feedback |
Dark theme
Desired look
UI
(These are only some of the main values. Please check out the mockups on Zeplin for more details about spacings, etc)
Element | Font | Emphasis | Hex | Opacity |
---|---|---|---|---|
Background | N/A | High | #f9f9f9 | 100% |
Text | Source Sans Pro, Regular, 16 | High | #000000 | 100% |
Buttons | N/A | Medium | #FFFFFF | 74% |
Icon - Negative feedback | N/A | N/A | #BB3838 | 100% |
Icon - Positive feedback | N/A | N/A | #55A388 | 100% |
Mockups
Zeplin Link |
---|
Neutral feedback |
Negative feedback |
Positive feedback |
Edited by Julia Ah-Yionne