We're updating the issue view to help you get more done. 

Improve contrast in Markdown and preview table headers

Description

Currently preview and Markdown tables (for plugin documentation) have #FFFFFF text (theme.palette.common.white) on #BBBBBB background (theme.palette.grey['300']) for 14px font. The contrast ratio for these colors is ~1.9:1, which is lower than the recommended < 4.5: 1 for small/normal sized text. We need to adjust the background color and/or font size for the headers in the MarkdownTable, DataView Table components, and possibly other components with similarly styled headers.

Contrast checker: https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF&bcolor=BBBBBB

Release Notes

None

Assignee

Nick Briggs

Reporter

Yuki Jung

Labels

None

Docs Impact

None

UX Impact

None

Components

Fix versions

Affects versions

Priority

Major
Configure