admin/OpenTerminal
1
0 Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases 10 Wiki Activity

fix: settings nav active label readable (white, like inactive tabs)

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/src/settings/settings.css
+7
View File
@@ -44,6 +44,13 @@
background: color-mix(in srgb, var(--tab-accent, #3fb950) 16%, transparent); 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 { .settings-body .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar {
background: var(--tab-accent, #3fb950); background: var(--tab-accent, #3fb950);
} }