github_mirrors/vben-admin-thin-next
1
0
Fork 0
mirror of https://github.com/vbenjs/vben-admin-thin-next.git synced 2025-02-02 18:08:40 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

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

fixed: #955
This commit is contained in:
无木 2021-07-23 00:35:40 +08:00
parent d3f08e37c5
commit d1e0e8bcea
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
build/vite/plugin/theme.ts
View File

@ -33,8 +33,10 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
return s;
case '.ant-steps-item-icon > .ant-steps-icon':
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],
}),
@ -49,6 +51,7 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
darkModifyVars: {
...generateModifyVars(true),
'text-color': '#c9d1d9',
'primary-1': 'rgb(255 255 255 / 8%)',
'text-color-base': '#c9d1d9',
'component-background': '#151515',
'heading-color': 'rgb(255 255 255 / 65%)',

8
src/design/theme.less
View File

@ -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,
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);
}
}