提交 d1e0e8bc 作者: 无木

fix(dark-theme): fixed `TreeSelect` & `DatePicker` theme

修复黑暗主题下的组件样式

fixed: #955
上级 d3f08e37
...@@ -33,8 +33,10 @@ export function configThemePlugin(isBuild: boolean): Plugin[] { ...@@ -33,8 +33,10 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
return s; return s;
case '.ant-steps-item-icon > .ant-steps-icon': case '.ant-steps-item-icon > .ant-steps-icon':
return s; return s;
case '.ant-select-item-option-selected:not(.ant-select-item-option-disabled)':
return s;
} }
return `[data-theme] ${s}`; return s.startsWith('[data-theme') ? s : `[data-theme] ${s}`;
}, },
colorVariables: [...getThemeColors(), ...colors], colorVariables: [...getThemeColors(), ...colors],
}), }),
...@@ -49,6 +51,7 @@ export function configThemePlugin(isBuild: boolean): Plugin[] { ...@@ -49,6 +51,7 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
darkModifyVars: { darkModifyVars: {
...generateModifyVars(true), ...generateModifyVars(true),
'text-color': '#c9d1d9', 'text-color': '#c9d1d9',
'primary-1': 'rgb(255 255 255 / 8%)',
'text-color-base': '#c9d1d9', 'text-color-base': '#c9d1d9',
'component-background': '#151515', 'component-background': '#151515',
'heading-color': 'rgb(255 255 255 / 65%)', 'heading-color': 'rgb(255 255 255 / 65%)',
......
...@@ -37,4 +37,12 @@ html[data-theme='light'] { ...@@ -37,4 +37,12 @@ html[data-theme='light'] {
box-shadow: 1px 0 0 0 #434343, 0 1px 0 0 #434343, 1px 1px 0 0 #434343, 1px 0 0 0 #434343 inset, box-shadow: 1px 0 0 0 #434343, 0 1px 0 0 #434343, 1px 1px 0 0 #434343, 1px 0 0 0 #434343 inset,
0 1px 0 0 #434343 inset; 0 1px 0 0 #434343 inset;
} }
.ant-calendar-selected-day .ant-calendar-date {
color: rgba(0, 0, 0, 0.8);
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
color: rgba(0, 0, 0, 0.9);
}
} }
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论