修改前端样式颜色

This commit is contained in:
limengnan 2025-06-26 08:42:18 +08:00
parent df8bd0f003
commit d89174819a
15 changed files with 34 additions and 22 deletions

View File

@ -116,12 +116,12 @@ body {
} }
.header-cell { .header-cell {
background-color: #f5f6f7 !important; background-color: #252626 !important;
border-top: 1px solid rgba(31, 35, 41, 0.15); border-top: 1px solid rgba(31, 35, 41, 0.15);
} }
.excel-header-cell { .excel-header-cell {
background-color: #f5f6f7 !important; background-color: #252626 !important;
.ed-table-v2__header-cell { .ed-table-v2__header-cell {
background-color: transparent; background-color: transparent;

View File

@ -46,4 +46,13 @@
// } // }
:deep(.ed-step__title.is-process){
color: #fff ;
}
:deep(.ed-step__title .is-finish){
color: #fff ;
}
:deep(.excel-info_base .name){
color: #fff ;
}

View File

@ -1369,7 +1369,7 @@ const mousedownDrag = () => {
.table-scroll { .table-scroll {
.ed-table-v2 { .ed-table-v2 {
--ed-table-header-bg-color: #f5f6f7; --ed-table-header-bg-color: #252626;
:deep(.header-cell) { :deep(.header-cell) {
border-top: none; border-top: none;
} }

View File

@ -2868,7 +2868,7 @@ const getIconNameCalc = (deType, extField, dimension = false) => {
} }
.ed-table { .ed-table {
--ed-table-header-bg-color: #f5f6f7; --ed-table-header-bg-color: #252626;
} }
.de-dataset-form { .de-dataset-form {
@ -3170,7 +3170,7 @@ const getIconNameCalc = (deType, extField, dimension = false) => {
width: calc(100% - 260px); width: calc(100% - 260px);
:deep(.ed-table-v2__header-cell) { :deep(.ed-table-v2__header-cell) {
background-color: #f5f6f7 !important; background-color: #252626 !important;
} }
:deep(.header-cell) { :deep(.header-cell) {

View File

@ -1197,7 +1197,7 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
outline: none !important; outline: none !important;
} }
&:hover { &:hover {
background: #f5f6f7; background: #252626;
} }
&:active { &:active {
@ -1285,7 +1285,7 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
} }
.dataset-content { .dataset-content {
// background: #f5f6f7; // background: #252626;
&.auto { &.auto {
height: auto; height: auto;
} }

View File

@ -56,7 +56,7 @@ const del = () => {
width: 80%; width: 80%;
.name { .name {
color: #1f2329; color: #fff;
font-size: 14px; font-size: 14px;
line-height: 22px; line-height: 22px;
width: 100%; width: 100%;

View File

@ -181,13 +181,13 @@ const nextClick = () => {
} }
} }
.active { .active {
box-shadow: 0px -1px 0px 0px #f5f6f7 inset; box-shadow: 0px -1px 0px 0px #252626 inset;
color: var(--ed-color-primary); color: var(--ed-color-primary);
border: 1px solid rgba(31, 35, 41, 0.15); border: 1px solid rgba(31, 35, 41, 0.15);
border-bottom: none; border-bottom: none;
border-top-left-radius: 4px; border-top-left-radius: 4px;
border-top-right-radius: 4px; border-top-right-radius: 4px;
background: #f5f6f7; background: #252626;
&::before, &::before,
&::after { &::after {

View File

@ -1135,7 +1135,7 @@ defineExpose({
.info-table { .info-table {
min-height: 300px; min-height: 300px;
.ed-table-v2__header-cell { .ed-table-v2__header-cell {
background-color: #f5f6f7; background-color: #252626;
} }
} }

View File

@ -818,7 +818,7 @@ defineExpose({
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: #f5f6f7; background: #252626;
padding: 16px; padding: 16px;
.btn-select { .btn-select {
width: 164px; width: 164px;
@ -826,7 +826,7 @@ defineExpose({
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: #ffffff; background: rgb(38,38,38);
border: 1px solid #bbbfc4; border: 1px solid #bbbfc4;
border-radius: 4px; border-radius: 4px;

View File

@ -1281,7 +1281,7 @@ defineExpose({
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: #f5f6f7; background: #252626;
padding: 16px; padding: 16px;
.btn-select { .btn-select {
min-width: 164px; min-width: 164px;
@ -1290,7 +1290,7 @@ defineExpose({
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: #ffffff; background: rgb(38,38,38);
border: 1px solid #bbbfc4; border: 1px solid #bbbfc4;
border-radius: 4px; border-radius: 4px;

View File

@ -1133,7 +1133,6 @@ defineExpose({
top: 0; top: 0;
left: 24px; left: 24px;
z-index: 5; z-index: 5;
background: white;
padding: 0 17px; padding: 0 17px;
&::before { &::before {
content: ''; content: '';

View File

@ -1977,8 +1977,8 @@ const getMenuList = (val: boolean) => {
outline: none !important; outline: none !important;
} }
&:hover { &:hover {
background: #f5f6f7; background: #252626;
} }252626
&:active { &:active {
background: #eff0f1; background: #eff0f1;
@ -2630,4 +2630,8 @@ border-right: 1px solid rgba(54, 54, 54, 1);
.arrow-side-tree .ed-icon{ .arrow-side-tree .ed-icon{
color: #fff !important; color: #fff !important;
} }
.ed-table.is-scrolling-none th.ed-table-fixed-column--left, .ed-table.is-scrolling-none th.ed-table-fixed-column--right {
background-color: #434343;
}
</style> </style>

View File

@ -73,7 +73,7 @@ const handleClick = val => {
z-index: 10; z-index: 10;
&:hover { &:hover {
.ed-icon { .ed-icon {
color: var(--ed-color-primary); color: #fff;
} }
} }
.ed-icon { .ed-icon {

View File

@ -879,7 +879,7 @@ defineExpose({
outline: none !important; outline: none !important;
} }
&:hover { &:hover {
background: #f5f6f7; background: #252626;
} }
&:active { &:active {

View File

@ -97,7 +97,7 @@ defineExpose({
width: 100%; width: 100%;
// height: calc(100vh - 112px); // height: calc(100vh - 112px);
height: calc(100vh - 60px); height: calc(100vh - 60px);
background: #f5f6f7; background: #252626;
display: flex; display: flex;
overflow-y: auto; overflow-y: auto;
align-items: center; align-items: center;