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:
1 parent
f128c3e8be
commit
c94e0fbac7
1 file changed
+7
@@ -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);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user