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 |
id | description | |
|---|---|---|
avoid-inline-spacing | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... | |
empty-table-header | Ensures table headers have discernible text... | |
table-duplicate-name | Ensure the <caption> element does not contain the same text as the summary attribute... | |
td-headers-attr | Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table... | |
th-has-data-cells | Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe... |
| 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 |