fix(style): dark style

This commit is contained in:
jialin
2025-04-29 18:05:43 +08:00
parent e5aa5ace15
commit 954b034b8b
23 changed files with 176 additions and 111 deletions
+38 -49
View File
@@ -94,9 +94,13 @@ html[data-theme='realDark'] {
--color-bg-tooltip: #424242;
--color-editor-header-bg: #292929;
--color-progress-text: rgba(255, 255, 255, 80%);
--color-modal-content-bg: #1f1f1f;
--color-modal-content-bg: #080808;
background: #141414;
.ant-result-image {
opacity: 0.9;
}
}
body {
@@ -118,6 +122,10 @@ body {
// table
.ant-table-wrapper {
.ant-table {
background: transparent !important;
}
.ant-table-selection-column {
padding-inline-start: 16px !important;
}
@@ -144,11 +152,21 @@ body {
display: flex !important;
}
tr > th {
border: none;
padding-block: 0;
height: 50px;
background-color: var(--ant-color-fill-tertiary);
.ant-table-thead {
tr {
background-color: var(--ant-color-fill-tertiary);
> th {
border: none;
padding-block: 0;
height: 50px;
background-color: transparent;
&::before {
transition: none !important;
}
}
}
}
tr > td {
@@ -157,46 +175,17 @@ body {
}
}
// input
// .ant-input-css-var.ant-input {
// height: 40px;
// }
// .ant-input-outlined,
// .ant-input-affix-wrapper,
// .ant-picker {
// height: 40px;
// }
.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) {
border: none;
box-shadow: none;
.ant-input-outlined,
.ant-input-number,
.ant-select-selector {
background: transparent !important;
}
.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):focus,
.ant-input-outlined.ant-input-status-error:not(
.ant-input-disabled
):focus-within {
border: none;
box-shadow: none;
}
// input number
.ant-input-number-outlined.ant-input-number-status-error:not(
.ant-input-number-disabled
) {
border: none;
box-shadow: none;
}
.ant-input-number-outlined.ant-input-number-status-error:not(
.ant-input-number-disabled
):focus,
.ant-input-number-outlined.ant-input-number-status-error:not(
.ant-input-disabled
):focus-within {
border: none;
box-shadow: none;
// set for the non-form item
.ant-input-outlined,
.ant-input-affix-wrapper,
.ant-picker {
height: 40px;
}
// form item help
@@ -261,10 +250,6 @@ body {
}
}
.ant-table-wrapper .ant-table {
background-color: unset;
}
.ant-table-content table {
.ant-table-tbody {
.ant-table-row {
@@ -732,7 +717,11 @@ body {
}
a {
color: var(--ant-color-link-hover);
color: var(--ant-blue);
&:hover {
color: var(--ant-blue-5);
}
}
}
}