From b7705e176cbffed812124440860078754014ccd6 Mon Sep 17 00:00:00 2001 From: Ainhoa Larumbe Date: Thu, 9 Feb 2023 14:36:38 +0000 Subject: [PATCH] Use table header color that meets a11y color contrast requirements Signed-off-by: Ainhoa Larumbe --- .changeset/nasty-kids-deny.md | 5 +++++ packages/theme/src/baseTheme.ts | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/nasty-kids-deny.md diff --git a/.changeset/nasty-kids-deny.md b/.changeset/nasty-kids-deny.md new file mode 100644 index 0000000000..4a434eb1f6 --- /dev/null +++ b/.changeset/nasty-kids-deny.md @@ -0,0 +1,5 @@ +--- +'@backstage/theme': patch +--- + +Use same table header color as @backstage/core-components Table to meet accessibility color contrast requirements. This change affects material-ui tables. diff --git a/packages/theme/src/baseTheme.ts b/packages/theme/src/baseTheme.ts index 5e222c0c3e..53f3a3ef2b 100644 --- a/packages/theme/src/baseTheme.ts +++ b/packages/theme/src/baseTheme.ts @@ -159,7 +159,7 @@ export function createThemeOverrides(theme: BackstageTheme): Overrides { head: { wordBreak: 'break-word', overflow: 'hidden', - color: 'rgb(179, 179, 179)', + color: theme.palette.textSubtle, fontWeight: 'normal', lineHeight: '1', },