From c94e0fbac7c909011488e16c85e0319ba80c97ba Mon Sep 17 00:00:00 2001 From: Bill Date: Sun, 20 Sep 2026 22:35:07 +0800 Subject: [PATCH] fix: settings nav active label readable (white, like inactive tabs) antd's runtime-injected .ant-tabs-tab-active .ant-tabs-tab-btn rule (colorPrimary blue) out-ranks a same-specificity stylesheet rule, so the active label stayed blue on the accent-tinted row; add the .ant-tabs-tab class to out-specify it. --- src/renderer/src/settings/settings.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/renderer/src/settings/settings.css b/src/renderer/src/settings/settings.css index 84e91cc..a95b557 100644 --- a/src/renderer/src/settings/settings.css +++ b/src/renderer/src/settings/settings.css @@ -44,6 +44,13 @@ background: color-mix(in srgb, var(--tab-accent, #3fb950) 16%, transparent); } +/* antd paints the active tab label in the primary blue, which is hard to read + on the accent-tinted row; keep it identical to the inactive labels. The + extra .ant-tabs-tab class out-specifies antd's runtime-injected rule. */ +.settings-body .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { + color: #ffffff; +} + .settings-body .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar { background: var(--tab-accent, #3fb950); }