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.
This commit is contained in:
Bill committed 2026-09-20 22:35:07 +08:00
1 parent f128c3e8be
commit c94e0fbac7
1 file changed
+7
+7
View File
@@ -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);
}