created:12/30/2020
updated:12/30/2020
loc
95
comments
11%
MorningstarColor
Color item displaying as a table row, with color, name, sass variable name and hex value. Design inspired by Morningstar Design System.
| Name | Constant | Color |
|---|---|---|
Informational | $mds-feedback-color-info | #c9c7c5 |
Error | $mds-feedback-color-error | #ff0000 |
Error Background | $mds-feedback-color-error-background | #ffe5e5 |
Warning | $mds-feedback-color-warning | #f5c400 |
Warning Background | $mds-feedback-color-warning-background | #fef9e5 |
Success | $mds-feedback-color-success | #00af41 |
Success Background | $mds-feedback-color-success-background | #e5f7eb |
Active | $mds-interactive-color-primary-active | #004376 |
| Name | Constant | Color |
|---|---|---|
Informational | $mds-feedback-color-info | #c9c7c5 |
Error | $mds-feedback-color-error | #ff0000 |
Error Background | $mds-feedback-color-error-background | #ffe5e5 |
Warning | $mds-feedback-color-warning | #f5c400 |
Warning Background | $mds-feedback-color-warning-background | #fef9e5 |
Success | $mds-feedback-color-success | #00af41 |
Success Background | $mds-feedback-color-success-background | #e5f7eb |
Active | $mds-interactive-color-primary-active | #004376 |
| Name | Constant | Color |
|---|---|---|
Informational | $mds-feedback-color-info | #c9c7c5 |
Error | $mds-feedback-color-error | #ff0000 |
Error Background | $mds-feedback-color-error-background | #ffe5e5 |
Warning | $mds-feedback-color-warning | #f5c400 |
Warning Background | $mds-feedback-color-warning-background | #fef9e5 |
Success | $mds-feedback-color-success | #00af41 |
Success Background | $mds-feedback-color-success-background | #e5f7eb |
Active | $mds-interactive-color-primary-active | #004376 |
| Name | Constant | Color |
|---|---|---|
Informational | $mds-feedback-color-info | #c9c7c5 |
Error | $mds-feedback-color-error | #ff0000 |
Error Background | $mds-feedback-color-error-background | #ffe5e5 |
Warning | $mds-feedback-color-warning | #f5c400 |
Warning Background | $mds-feedback-color-warning-background | #fef9e5 |
Success | $mds-feedback-color-success | #00af41 |
Success Background | $mds-feedback-color-success-background | #e5f7eb |
Active | $mds-interactive-color-primary-active | #004376 |
| Name | Constant | Color |
|---|---|---|
Informational | $mds-feedback-color-info | #c9c7c5 |
Error | $mds-feedback-color-error | #ff0000 |
Error Background | $mds-feedback-color-error-background | #ffe5e5 |
Warning | $mds-feedback-color-warning | #f5c400 |
Warning Background | $mds-feedback-color-warning-background | #fef9e5 |
Success | $mds-feedback-color-success | #00af41 |
Success Background | $mds-feedback-color-success-background | #e5f7eb |
Active | $mds-interactive-color-primary-active | #004376 |