created:4/29/2021
updated:4/29/2021
loc
377
comments
3%
TableColor
Color item displaying as a table row, with support for dark mode colors and AA accessibility tests. Design created to accomodate theme-ui-type color palettes. Custom design created by component-controls.
| AA color | |||
|---|---|---|---|
| color | name | #FFFFFF | #000000 |
#FAFAF9 | background | AAA | F |
#B6DEE2 | blue | AAA | F |
#247BA0 | blueDark | AA+ | AA |
#B2E4DC | green | AAA | F |
#2D5948 | greenDark | F | AAA |
RGBA(0,0,0,.1) | muted | F | AAA |
#F25F5C | primary | AA | AA+ |
#B51916 | primaryDark | AA+ | AA |
#FCBAB1 | primaryLight | AAA | F |
| AA color | |||
|---|---|---|---|
| color | name | #FFFFFF | #000000 |
#FAFAF9 | background | AAA | F |
#B6DEE2 | blue | AAA | F |
#247BA0 | blueDark | AA+ | AA |
#B2E4DC | green | AAA | F |
#2D5948 | greenDark | F | AAA |
RGBA(0,0,0,.1) | muted | F | AAA |
#F25F5C | primary | AA | AA+ |
#B51916 | primaryDark | AA+ | AA |
#FCBAB1 | primaryLight | AAA | F |
| AA color | |||
|---|---|---|---|
| color | name | #FFFFFF | #000000 |
#FAFAF9 | background | AAA | F |
#B6DEE2 | blue | AAA | F |
#247BA0 | blueDark | AA+ | AA |
#B2E4DC | green | AAA | F |
#2D5948 | greenDark | F | AAA |
RGBA(0,0,0,.1) | muted | F | AAA |
#F25F5C | primary | AA | AA+ |
#B51916 | primaryDark | AA+ | AA |
#FCBAB1 | primaryLight | AAA | F |
| AA color | |||
|---|---|---|---|
| color | name | #FFFFFF | #000000 |
#FAFAF9 | background | AAA | F |
#B6DEE2 | blue | AAA | F |
#247BA0 | blueDark | AA+ | AA |
#B2E4DC | green | AAA | F |
#2D5948 | greenDark | F | AAA |
RGBA(0,0,0,.1) | muted | F | AAA |
#F25F5C | primary | AA | AA+ |
#B51916 | primaryDark | AA+ | AA |
#FCBAB1 | primaryLight | AAA | F |
| AA color | |||
|---|---|---|---|
| color | name | #FFFFFF | #000000 |
#FAFAF9 | background | AAA | F |
#B6DEE2 | blue | AAA | F |
#247BA0 | blueDark | AA+ | AA |
#B2E4DC | green | AAA | F |
#2D5948 | greenDark | F | AAA |
RGBA(0,0,0,.1) | muted | F | AAA |
#F25F5C | primary | AA | AA+ |
#B51916 | primaryDark | AA+ | AA |
#FCBAB1 | primaryLight | AAA | F |