mirror of
https://github.com/vbenjs/vue-vben-admin.git
synced 2025-01-24 10:33:50 +08:00
fix: 修复黑暗模式下一些样式问题 (#3201)
* fix: 修复黑暗模式下一些样式问题 * chore: refactor dark.less --------- Co-authored-by: likui628 <90845831+likui628@users.noreply.github.com>
This commit is contained in:
parent
ae61fa1186
commit
054a476d25
1745
src/design/dark.less
1745
src/design/dark.less
File diff suppressed because it is too large
Load Diff
@ -21,11 +21,11 @@ html {
|
||||
|
||||
html,
|
||||
body {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
|
||||
&.color-weak {
|
||||
filter: invert(80%);
|
||||
|
@ -26,27 +26,3 @@ html[data-theme='light'] {
|
||||
background-color: @layout-body-background !important;
|
||||
}
|
||||
}
|
||||
|
||||
[data-theme='dark'] {
|
||||
.text-secondary {
|
||||
color: #8b949e;
|
||||
}
|
||||
|
||||
.ant-card-grid-hoverable:hover {
|
||||
box-shadow: 0 3px 6px -4px rgb(0 0 0 / 48%), 0 6px 16px 0 rgb(0 0 0 / 32%),
|
||||
0 9px 28px 8px rgb(0 0 0 / 20%);
|
||||
}
|
||||
|
||||
.ant-card-grid {
|
||||
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: rgb(0 0 0 / 80%);
|
||||
}
|
||||
|
||||
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
|
||||
color: rgb(0 0 0 / 90%);
|
||||
}
|
||||
}
|
||||
|
@ -165,7 +165,7 @@
|
||||
}
|
||||
|
||||
&--dark {
|
||||
// border-bottom: 1px solid @border-color-base;
|
||||
border-bottom: 1px solid #303030;
|
||||
border-left: 1px solid @border-color-base;
|
||||
background-color: @header-dark-bg-color !important;
|
||||
.@{header-prefix-cls}-logo {
|
||||
|
@ -1,13 +1,5 @@
|
||||
@prefix-cls: ~'@{namespace}-multiple-tabs';
|
||||
|
||||
html[data-theme='dark'] {
|
||||
.@{prefix-cls} {
|
||||
.ant-tabs-tab {
|
||||
border-bottom: 1px solid @border-color-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme='light'] {
|
||||
.@{prefix-cls} {
|
||||
.ant-tabs-tab:not(.ant-tabs-tab-active) {
|
||||
|
@ -43,10 +43,10 @@
|
||||
const modelRef = ref({});
|
||||
const [
|
||||
registerForm,
|
||||
{
|
||||
// setFieldsValue,
|
||||
// setProps
|
||||
},
|
||||
// {
|
||||
// // setFieldsValue,
|
||||
// // setProps
|
||||
// },
|
||||
] = useForm({
|
||||
labelWidth: 120,
|
||||
schemas,
|
||||
|
Loading…
Reference in New Issue
Block a user