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
2705
src/design/dark.less
2705
src/design/dark.less
File diff suppressed because it is too large
Load Diff
|
|
@ -21,11 +21,11 @@ html {
|
||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&.color-weak {
|
&.color-weak {
|
||||||
filter: invert(80%);
|
filter: invert(80%);
|
||||||
|
|
|
||||||
|
|
@ -26,27 +26,3 @@ html[data-theme='light'] {
|
||||||
background-color: @layout-body-background !important;
|
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 {
|
&--dark {
|
||||||
// border-bottom: 1px solid @border-color-base;
|
border-bottom: 1px solid #303030;
|
||||||
border-left: 1px solid @border-color-base;
|
border-left: 1px solid @border-color-base;
|
||||||
background-color: @header-dark-bg-color !important;
|
background-color: @header-dark-bg-color !important;
|
||||||
.@{header-prefix-cls}-logo {
|
.@{header-prefix-cls}-logo {
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,5 @@
|
||||||
@prefix-cls: ~'@{namespace}-multiple-tabs';
|
@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'] {
|
html[data-theme='light'] {
|
||||||
.@{prefix-cls} {
|
.@{prefix-cls} {
|
||||||
.ant-tabs-tab:not(.ant-tabs-tab-active) {
|
.ant-tabs-tab:not(.ant-tabs-tab-active) {
|
||||||
|
|
|
||||||
|
|
@ -43,10 +43,10 @@
|
||||||
const modelRef = ref({});
|
const modelRef = ref({});
|
||||||
const [
|
const [
|
||||||
registerForm,
|
registerForm,
|
||||||
{
|
// {
|
||||||
// setFieldsValue,
|
// // setFieldsValue,
|
||||||
// setProps
|
// // setProps
|
||||||
},
|
// },
|
||||||
] = useForm({
|
] = useForm({
|
||||||
labelWidth: 120,
|
labelWidth: 120,
|
||||||
schemas,
|
schemas,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue