Skip to content
Permalink
Browse files

fix(console): change "color-text-inverse-weak" for a11y (#218)

* fix(console): change "color-text-inverse-weak" for a11y

- [x] In console theme, `color-text-inverse-weak` changed to `palette-gray-50` to pass AA contrast with `color-background-inverse`

It didn't originally pass AA as its original value of `palette-gray-60`.

* feat(SendGrid): add color-background-inverse

* feat(console): add AA contrast comment to inverse text colors

* feat(SG): add AA contrast comment to inverse text colors
  • Loading branch information
serifluous committed Dec 5, 2019
1 parent 3aaa0f8 commit c29de58f7371634f331e8c8fc98902ea638001aa
@@ -14,10 +14,10 @@ props:
comment: Weak body text for visual hierarchy.
color-text-inverse:
value: "{!palette-gray-0}"
comment: Inverse text color for dark backgrounds
comment: Inverse text color for dark backgrounds. Must pass AA color contrast with color-background-inverse.
color-text-inverse-weak:
value: "{!palette-gray-60}"
comment: Weak inverse text color for dark backgrounds
value: "{!palette-gray-50}"
comment: Weak inverse text color for dark backgrounds. Must pass AA color contrast with color-background-inverse.
color-text-brand-inverse:
value: "{!white}"
comment: Text color used on any brand color
@@ -10,6 +10,9 @@ props:
color-background:
value: "{!palette-gray-20}"
comment: Default background color for any container
color-background-inverse:
value: "{!palette-gray-100}"
comment: Inverse background color for any container

# page body
color-background-body:
@@ -15,10 +15,10 @@ props:
comment: Weak body text for visual hierarchy.
color-text-inverse:
value: "{!palette-gray-0}"
comment: Inverse text color for dark backgrounds
comment: Inverse text color for dark backgrounds. Must pass AA color contrast with color-background-inverse.
color-text-inverse-weak:
value: "{!palette-gray-60}"
comment: Weak inverse text color for dark backgrounds
comment: Weak inverse text color for dark backgrounds. Must pass AA color contrast with color-background-inverse.
color-text-brand-inverse:
value: "{!white}"
comment: Text color used on any brand color

1 comment on commit c29de58

@now

This comment has been minimized.

Please sign in to comment.
You can’t perform that action at this time.