diff --git a/.changeset/chubby-suns-film.md b/.changeset/chubby-suns-film.md new file mode 100644 index 0000000000..440d65d707 --- /dev/null +++ b/.changeset/chubby-suns-film.md @@ -0,0 +1,5 @@ +--- +'@backstage/ui': patch +--- + +Fixed dark theme `--bui-fg-secondary` and `--bui-fg-disabled` tokens using black-based `oklch(0% ...)` instead of white-based `oklch(100% ...)`, making secondary and disabled text visible on dark backgrounds. diff --git a/packages/ui/src/css/tokens.css b/packages/ui/src/css/tokens.css index f889b4cb7c..4f5cb08bfb 100644 --- a/packages/ui/src/css/tokens.css +++ b/packages/ui/src/css/tokens.css @@ -183,8 +183,8 @@ /* Foreground colors */ --bui-fg-primary: var(--bui-white); - --bui-fg-secondary: oklch(0% 0 0 / 50%); - --bui-fg-disabled: oklch(0% 0 0 / 28%); + --bui-fg-secondary: oklch(100% 0 0 / 50%); + --bui-fg-disabled: oklch(100% 0 0 / 28%); --bui-fg-solid: #101821; --bui-fg-solid-disabled: #6191cc;