From 98c0c199b15e6afb709b8f90a961b203ee4970a4 Mon Sep 17 00:00:00 2001 From: Avantika Iyer Date: Tue, 9 May 2023 09:37:27 +0100 Subject: [PATCH] Update light theme colours to meet WCAG (#17695) * update light theme colours Signed-off-by: Avantika Iyer * update changelog Signed-off-by: Avantika Iyer --------- Signed-off-by: Avantika Iyer Co-authored-by: Avantika Iyer --- .changeset/cool-dingos-repair.md | 5 +++++ packages/theme/src/themes.ts | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .changeset/cool-dingos-repair.md diff --git a/.changeset/cool-dingos-repair.md b/.changeset/cool-dingos-repair.md new file mode 100644 index 0000000000..fe8377f5f1 --- /dev/null +++ b/.changeset/cool-dingos-repair.md @@ -0,0 +1,5 @@ +--- +'@backstage/theme': minor +--- + +Updates light theme's primary foreground and `running` status indicator colours to meet WCAG. Previously #2E77D0 changed to #1F5493. diff --git a/packages/theme/src/themes.ts b/packages/theme/src/themes.ts index eb2ef7ce41..23438a1c14 100644 --- a/packages/theme/src/themes.ts +++ b/packages/theme/src/themes.ts @@ -33,7 +33,7 @@ export const lightTheme = createTheme({ ok: '#1DB954', warning: '#FF9800', error: '#E22134', - running: '#2E77D0', + running: '#1F5493', pending: '#FFED51', aborted: '#757575', }, @@ -48,7 +48,7 @@ export const lightTheme = createTheme({ }, }, primary: { - main: '#2E77D0', + main: '#1F5493', }, banner: { info: '#2E77D0',