ThbTech/gis-bi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
jingna 2025-05-16 18:18:10 +08:00
parent d9ab16d6ac
commit 27eddbf806
22 changed files with 293 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/core-frontend/src/components/data-visualization/DvToolbar.vue
View File

@ -669,7 +669,7 @@ const fullScreenPreview = () => {
border: 1px solid #0089ff; border: 1px solid #0089ff;
} }
.divider { .divider {
background: #ffffff; background: #5f5f5f;
width: 1px; width: 1px;
height: 18px; height: 18px;
margin-right: 20px; margin-right: 20px;

11
core/core-frontend/src/components/visualization/DvSidebar.vue
View File

@ -430,7 +430,7 @@ const menuOpt = optName => {
} }
.ed-collapse-item__wrap .ed-input.is-disabled .ed-input__wrapper{ .ed-collapse-item__wrap .ed-input.is-disabled .ed-input__wrapper{
background-color: #373737; background-color: #373737;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
} }
.ed-collapse-item__wrap .ed-input--light .ed-input-group__append .ed-select.ed-select--disabled .ed-input__wrapper { .ed-collapse-item__wrap .ed-input--light .ed-input-group__append .ed-select.ed-select--disabled .ed-input__wrapper {
background: #373737 !important; background: #373737 !important;
@ -518,7 +518,7 @@ color: #ffffff !important;
color: #bbbfc4 !important; color: #bbbfc4 !important;
} }
.editor-light .editor-title{ .editor-light .editor-title{
color: #ebebeb; color: #ebebeb;
} }
.editor-dark { .editor-dark {
border-left: solid 1px rgba(235, 235, 235, 0.15) !important; border-left: solid 1px rgba(235, 235, 235, 0.15) !important;
@ -548,4 +548,11 @@ color: #ebebeb;
.editor-light .item-span-style{ .editor-light .item-span-style{
color: #fff !important; color: #fff !important;
} }
.ed-input--dark .ed-input__wrapper {
background-color: #292929;
box-shadow: none;
}
.el-loading-mask{
background-color: rgba(41, 41, 41, 1) !important;
}
</style> </style>

3
core/core-frontend/src/components/visualization/LinkJumpSet.vue
View File

@ -1617,6 +1617,7 @@ span {
} }
:deep(.ed-input__wrapper){ :deep(.ed-input__wrapper){
background-color: #252424; background-color: #252424;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
border: 1px solid #636363;
} }
</style> </style>

3
core/core-frontend/src/components/visualization/LinkageSet.vue
View File

@ -1003,7 +1003,8 @@ span {
} }
:deep(.ed-input__wrapper){ :deep(.ed-input__wrapper){
background-color: #252424 ; background-color: #252424 ;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
border: 1px solid #636363;
} }
.root-class .ed-button{ .root-class .ed-button{
color: #F2F4F5; color: #F2F4F5;

3
core/core-frontend/src/components/visualization/UserViewEnlarge.vue
View File

@ -574,7 +574,8 @@ defineExpose({
} }
:deep(.ed-input__wrapper){ :deep(.ed-input__wrapper){
background: rgba(41, 41, 41, 1); background: rgba(41, 41, 41, 1);
box-shadow: 0 0 0 1px #434343; box-shadow: none;
border: 1px solid #636363;
} }
:deep(.ed-input__inner){ :deep(.ed-input__inner){
color: #fff; color: #fff;

3
core/core-frontend/src/custom-component/v-query/QueryConditionConfiguration.vue
View File

@ -3914,7 +3914,8 @@ defineExpose({
} }
.ed-input__wrapper{ .ed-input__wrapper{
background-color: #252424 ; background-color: #252424 ;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
border: 1px solid #636363;
} }
.ed-input__inner{ .ed-input__inner{
color: #fff; color: #fff;

2
core/core-frontend/src/views/chart/components/editor/dataset-select/DatasetSelect.vue
View File

@ -395,7 +395,7 @@ onMounted(() => {
:deep(.ed-input__wrapper) { :deep(.ed-input__wrapper) {
cursor: pointer; cursor: pointer;
padding: 1px 11px; padding: 1px 11px;
.ed-input__inner { .ed-input__inner {
cursor: pointer; cursor: pointer;
font-size: 12px; font-size: 12px;

3
core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/AssistLineEdit.vue
View File

@ -379,7 +379,8 @@ span {
} }
:deep(.ed-input__wrapper){ :deep(.ed-input__wrapper){
background-color: #292929 ; background-color: #292929 ;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
border: 1px solid #636363;
} }
:deep(.ed-input__inner){ :deep(.ed-input__inner){
color: #fff; color: #fff;

3
core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
View File

@ -592,7 +592,8 @@ span {
} }
:deep(.ed-input__wrapper){ :deep(.ed-input__wrapper){
background-color: #252424 ; background-color: #252424 ;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
border: 1px solid #636363;
} }
:deep(.ed-input__inner){ :deep(.ed-input__inner){
color: #fff; color: #fff;

3
core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/PictureGroupThresholdEdit.vue
View File

@ -615,7 +615,8 @@ span {
} }
:deep(.ed-input__wrapper){ :deep(.ed-input__wrapper){
background-color: #252424 ; background-color: #252424 ;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
border: 1px solid #636363;
} }
:deep(.ed-input__inner){ :deep(.ed-input__inner){
color: #fff; color: #fff;

3
core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TableThresholdEdit.vue
View File

@ -916,7 +916,8 @@ span {
} }
:deep(.ed-input__wrapper){ :deep(.ed-input__wrapper){
background-color: #252424 ; background-color: #252424 ;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
border: 1px solid #636363;
} }
:deep(.ed-input__inner){ :deep(.ed-input__inner){
color: #fff; color: #fff;

3
core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/TextThresholdEdit.vue
View File

@ -294,7 +294,8 @@ span {
} }
:deep(.ed-input__wrapper){ :deep(.ed-input__wrapper){
background-color: #292929; background-color: #292929;
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none;
border: 1px solid #636363;
} }
:deep(.ed-color-picker__trigger){ :deep(.ed-color-picker__trigger){
border-color: #5f5f5f; border-color: #5f5f5f;

4
core/core-frontend/src/views/chart/components/editor/editor-style/components/MiscSelector.vue
View File

@ -937,7 +937,9 @@ const isGauge = computed(() => props.chart.type === 'gauge')
.invalid-field { .invalid-field {
:deep(.ed-input__wrapper) { :deep(.ed-input__wrapper) {
box-shadow: 0 0 0 1px rgb(245, 74, 69) inset !important; // box-shadow: 0 0 0 1px rgb(245, 74, 69) inset !important;
box-shadow: none;
border: 1px solid rgb(245, 74, 69);
} }
} }

6
core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/AuthTree.vue
View File

@ -87,7 +87,7 @@ const del = (index, child) => {
<div class="logic" :style="marginLeft"> <div class="logic" :style="marginLeft">
<div class="logic-left"> <div class="logic-left">
<div class="operate-title"> <div class="operate-title">
<span style="color: #bfbfbf;" class="mrg-title" v-if="x"> <span style="color: #F2F4F5;" class="mrg-title" v-if="x">
{{ logic === 'or' ? 'OR' : 'AND' }} {{ logic === 'or' ? 'OR' : 'AND' }}
</span> </span>
<el-dropdown class="te" @command="handleCommand" trigger="click" v-else> <el-dropdown class="te" @command="handleCommand" trigger="click" v-else>
@ -183,6 +183,7 @@ const del = (index, child) => {
margin-right: 11px; margin-right: 11px;
line-height: 28px; line-height: 28px;
height: 28px; height: 28px;
color: #F2F4F5 !important;
} }
} }
@ -206,7 +207,7 @@ const del = (index, child) => {
width: 40px; width: 40px;
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
background-color: #212121; background-color: #434343;
z-index: 1; z-index: 1;
display: none; display: none;
border-right: 1px solid #434343; border-right: 1px solid #434343;
@ -283,4 +284,5 @@ const del = (index, child) => {
background:rgba(41, 41, 41, 1); background:rgba(41, 41, 41, 1);
border: 1px solid rgba(70, 70, 70, 1); border: 1px solid rgba(70, 70, 70, 1);
} }
</style> </style>

8
core/core-frontend/src/views/chart/components/editor/filter/auth-tree/AuthTree.vue
View File

@ -87,11 +87,11 @@ const del = (index, child) => {
<div class="logic" :style="marginLeft"> <div class="logic" :style="marginLeft">
<div class="logic-left"> <div class="logic-left">
<div class="operate-title"> <div class="operate-title">
<span style="color: #bfbfbf" class="mrg-title" v-if="x"> <span style="color: #F2F4F5" class="mrg-title" v-if="x">
{{ logic === 'or' ? 'OR' : 'AND' }} {{ logic === 'or' ? 'OR' : 'AND' }}
</span> </span>
<el-dropdown @command="handleCommand" trigger="click" v-else> <el-dropdown @command="handleCommand" trigger="click" v-else>
<span style="color: rgba(0 0 0 / 65%)" class="mrg-title fir"> <span style="color: #F2F4F5" class="mrg-title fir">
{{ logic === 'or' ? 'OR' : 'AND' }} {{ logic === 'or' ? 'OR' : 'AND' }}
<el-icon> <el-icon>
<Icon name="icon_down_outlined"><icon_down_outlined class="svg-icon" /></Icon> <Icon name="icon_down_outlined"><icon_down_outlined class="svg-icon" /></Icon>
@ -200,7 +200,7 @@ const del = (index, child) => {
width: 40px; width: 40px;
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
background-color: #f8f8fa; background-color: #434343;
z-index: 1; z-index: 1;
display: none; display: none;
@ -212,6 +212,7 @@ const del = (index, child) => {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
z-index: 10; z-index: 10;
color: #fff;
} }
} }
} }
@ -245,4 +246,5 @@ const del = (index, child) => {
} }
} }
} }
</style> </style>

42
core/core-frontend/src/views/chart/components/editor/index.vue
View File

@ -4227,10 +4227,12 @@ const deleteChartFieldItem = id => {
border: none; border: none;
} }
:deep(.ed-input__wrapper) { :deep(.ed-input__wrapper) {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.15) inset !important; box-shadow: none;
border: 1px solid #636363;
} }
:deep(.ed-input__wrapper:hover) { :deep(.ed-input__wrapper:hover) {
box-shadow: 0 0 0 1px var(--ed-color-primary, #3370ff) inset !important; box-shadow: none;
border: 1px solid #3370ff;
} }
} }
.query-style-tab { .query-style-tab {
@ -5300,9 +5302,40 @@ span {
color: #fff !important; color: #fff !important;
} }
.de-chart-editor .ed-input.is-disabled .ed-input__wrapper { .de-chart-editor .ed-input.is-disabled .ed-input__wrapper {
box-shadow: 0 0 0 1px #5f5f5f inset; box-shadow: none !important;
background-color: #373737; background-color: #373737;
} }
.de-chart-editor .dataset-search-input.dark .ed-input__wrapper{
box-shadow: none !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
.de-chart-editor .field-name {
color: #ffffff !important;
}
.ed-input--dark .ed-input__wrapper:hover{
box-shadow: none !important;
}
.ed-input--dark .ed-input__wrapper.is-focus{
box-shadow: none !important;
}
.ed-select .ed-input__wrapper:hover{
box-shadow: none !important;
}
.ed-select .ed-input__wrapper.is-focus{
box-shadow: none !important;
}
.ed-select .ed-input.is-focus .ed-input__wrapper{
box-shadow: none !important;
border: 1px solid #3370ff;
}
.ed-input-number--dark .ed-input-number__decrease.is-disabled .ed-icon, .ed-input-number--dark .ed-input-number__increase.is-disabled .ed-icon{
color: #ffffff;
}
.form-item-dark .ed-input-number__decrease, .form-item-dark .ed-input-number__increase {
color: #ffffff ;
}
.de-chart-editor .ed-input-group--append .ed-input-group__append .ed-select:not(.ed-select--disabled):hover .ed-input__wrapper{ .de-chart-editor .ed-input-group--append .ed-input-group__append .ed-select:not(.ed-select--disabled):hover .ed-input__wrapper{
box-shadow: 0 1px 0 0 #5f5f5f inset, 0 -1px 0 0 #5f5f5f inset, -1px 0 0 0 #5f5f5f inset !important; box-shadow: 0 1px 0 0 #5f5f5f inset, 0 -1px 0 0 #5f5f5f inset, -1px 0 0 0 #5f5f5f inset !important;
} }
@ -5341,9 +5374,6 @@ span {
.ed-tree-node__content:hover{ .ed-tree-node__content:hover{
background: rgba(235, 235, 235, 0.1); background: rgba(235, 235, 235, 0.1);
} }
.de-chart-editor .field-name{
color: #A6A6A6 !important;
}
.de-chart-editor .field-search-icon-btn{ .de-chart-editor .field-search-icon-btn{
color: #A6A6A6 !important; color: #A6A6A6 !important;
} }

6
core/core-frontend/src/viewsnew/application/service/dataset/auth-tree/AuthTree.vue
View File

@ -84,11 +84,11 @@ const del = (index, child) => {
<div class="logic" :style="marginLeft"> <div class="logic" :style="marginLeft">
<div class="logic-left"> <div class="logic-left">
<div class="operate-title"> <div class="operate-title">
<span style="color: #bfbfbf" class="mrg-title" v-if="x"> <span style="color: #F2F4F5" class="mrg-title" v-if="x">
{{ logic === 'or' ? 'OR' : 'AND' }} {{ logic === 'or' ? 'OR' : 'AND' }}
</span> </span>
<el-dropdown @command="handleCommand" trigger="click" v-else> <el-dropdown @command="handleCommand" trigger="click" v-else>
<span style="color: rgba(0 0 0 / 65%)" class="mrg-title fir"> <span style="color: #F2F4F5" class="mrg-title fir">
{{ logic === 'or' ? 'OR' : 'AND' }} {{ logic === 'or' ? 'OR' : 'AND' }}
<el-icon> <el-icon>
<Icon name="icon_down_outlined"><icon_down_outlined class="svg-icon" /></Icon> <Icon name="icon_down_outlined"><icon_down_outlined class="svg-icon" /></Icon>
@ -197,7 +197,7 @@ const del = (index, child) => {
width: 40px; width: 40px;
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
background-color: #f8f8fa; background-color: #434343;
z-index: 1; z-index: 1;
display: none; display: none;

3
core/core-frontend/src/viewsnew/application/service/dataset/auth-tree/FilterFiled.vue
View File

@ -786,7 +786,8 @@ const emits = defineEmits(['update:item', 'del'])
box-shadow: none; box-shadow: none;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
&:focus { &:focus {
box-shadow: 0 0 0 2px rgb(46 116 255 / 20%); box-shadow:none !important;
border: 1px solid rgb(46 116 255 / 20%) !important;
border-right-width: 1px !important; border-right-width: 1px !important;
outline: 0; outline: 0;
border-color: none; border-color: none;

9
core/core-frontend/src/viewsnew/application/service/dataset/form/index.vue
View File

@ -3466,7 +3466,8 @@ const getDsIconName = data => {
border-style: solid; border-style: solid;
border-color: rgba(51, 51, 51, 0); border-color: rgba(51, 51, 51, 0);
border-radius: 4px; border-radius: 4px;
box-shadow:0 0 0 1px rgba(67, 67, 67, 1) ; box-shadow:none !important;
border: 1px solid #636363 !important;
} }
.ed-input__inner{ .ed-input__inner{
background-color: rgba(37, 38, 38, 1); background-color: rgba(37, 38, 38, 1);
@ -3478,11 +3479,13 @@ const getDsIconName = data => {
color: #fff; color: #fff;
} }
.ed-input__wrapper:hover{ .ed-input__wrapper:hover{
box-shadow:0 0 0 1px rgba(80, 80, 80, 1) ; box-shadow:none !important;
border: 1px solid #3370ff !important;
} }
.ed-input.is-disabled .ed-input__wrapper{ .ed-input.is-disabled .ed-input__wrapper{
background-color: rgba(37, 38, 38, 0); background-color: rgba(37, 38, 38, 0);
box-shadow:0 0 0 1px rgba(80, 80, 80, 1) ; box-shadow:none !important;
border: 1px solid rgba(80, 80, 80, 1) !important;
} }
.ed-input.is-disabled .ed-input__inner{ .ed-input.is-disabled .ed-input__inner{
background-color: rgba(37, 38, 38, 0); background-color: rgba(37, 38, 38, 0);

220
core/core-frontend/src/viewsnew/application/service/dataset/index.vue
View File

@ -1416,43 +1416,127 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
} }
} }
} }
:deep(.ed-input__inner){
background: rgb(33,33,33);
}
// :deep(){
// background-color: rgba(41, 41, 41, 1) !important;
// border-width: 1px;
// border-style: solid;
// border-color: rgba(70, 70, 70, 1);
// }
</style> </style>
<style> <style>
.de-el-dropdown-menu-fixed .de-panel{
background-color: rgba(41, 41, 41, 1) !important;
}
.de-el-dropdown-menu-fixed .de-panel .right-top{
color: #fff;
}
.de-el-dropdown-menu-fixed .de-panel .autochecker-list .clear-checkbox__label{
color: #fff;
}
.autochecker-list .ed-checkbox__inner{
background: transparent;
border-color: #5f5f5f;
}
.ed-checkbox__input.is-checked .ed-checkbox__inner{
background-color: #0089ff;
border: 1px solid #0089ff;
}
.de-el-dropdown-menu-fixed .de-panel .mod-left .ed-input__wrapper .ed-input__inner{
background-color: rgba(37, 38, 38, 1);
padding: 0px;
height: 28px ;
}
.de-el-dropdown-menu-fixed .de-panel .right-top .right-btn{
background: #0089ff;
color: #fff;
}
.de-el-dropdown-menu-fixed .de-panel .autochecker-list .clear-checkbox__label :nth-child(2) {
color: #0089ff;
}
.de-el-dropdown-menu-fixed .de-panel .mod-left .ed-input__wrapper{
background-color: rgba(37, 38, 38, 1);
}
.de-el-dropdown-menu-fixed .de-panel .autochecker-list .right-checkbox__label{
color: #fff;
}
.de-el-dropdown-menu-manu .text-area .input{
color: #fff;
background-color: rgb(41, 41, 41);
box-shadow: 0 2px 6px 0 #434343;
}
.de-el-dropdown-menu-manu{
border: 1px solid #434343;
}
.de-el-dropdown-menu-manu .text-area .text-area-btn{
background-color: rgb(41, 41, 41);
}
.de-el-dropdown-menu-manu .text-area .text-area-btn .btn{
color: #F2F4F5;
background-color: #212121;
border: 1px solid #363636;
}
.de-el-dropdown-menu-manu .text-area .text-area-btn .right-add {
background: #0089ff;
color: #fff;
}
.ed-dialog__body{
color: #fff;
}
.right-menu-foot .ed-button.is-secondary{
color: #F2F4F5;
background-color: #212121;
border: 1px solid #363636;
}
.right-menu-foot .ed-button--primary{
background-color: #0089ff;
border: 1px solid #0089ff;
}
.ed-select__popper.ed-popper{
border-color: rgba(70, 70, 70, 1);
background: rgba(41, 41, 41, 1);
}
.ed-select--light{
background-color: rgba(41, 41, 41, 1);
}
.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover {
background-color: rgba(67, 67, 67, 1);
}
.ed-select-dropdown__item{
color: #fff;
}
.ed-input__wrapper{ .ed-input__wrapper{
background-color: rgba(37, 38, 38, 1); background-color: rgba(37, 38, 38, 1);
box-sizing: border-box; box-sizing: border-box;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: rgba(51, 51, 51, 0); border-color: rgba(51, 51, 51, 0);
border-radius: 4px; border-radius: 4px;
box-shadow:0 0 0 1px #636363 ; box-shadow:0 0 0 1px #636363 ;
} }
.ed-input__inner{ .ed-input__inner{
background-color: rgba(37, 38, 38, 1); background-color: rgba(37, 38, 38, 1);
box-sizing: border-box; box-sizing: border-box;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: rgba(51, 51, 51, 0); border-color: rgba(51, 51, 51, 0);
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
} }
.ed-input-group__prepend{ .ed-input-group__prepend{
background-color: rgba(37, 38, 38, 1); background-color: rgba(37, 38, 38, 1);
border: 0; border: 0;
box-shadow:0 0 0 1px transparent ; box-shadow:0 0 0 1px transparent ;
padding:0 10px; padding:0 10px;
padding-right: 0; padding-right: 0;
} }
.ed-tree{
.ed-tree{ background:transparent;
background:transparent; color: #fff;
color: #fff; }
}
.ed-dropdown__popper.ed-popper{ .ed-dropdown__popper.ed-popper{
width: 150px; width: 150px;
background-color: rgba(41, 41, 41, 1); background-color: rgba(41, 41, 41, 1);
@ -1463,14 +1547,14 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
border-radius: 5px; border-radius: 5px;
color: #ffffff; color: #ffffff;
} }
.ed-dropdown-menu{ .ed-dropdown-menu{
background:transparent; background:transparent;
}
.ed-dropdown-menu__item{
color: #ffffff;
} }
.ed-dropdown-menu__item:hover{ .ed-dropdown-menu__item{
background-color: rgba(100, 100, 100, 1) !important; color: #ffffff;
}
.ed-dropdown-menu__item:hover{
background-color: rgba(100, 100, 100, 1) !important;
} }
</style> </style>
<style> <style>
@ -1478,13 +1562,13 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
--ed-dialog-bg-color: rgba(33, 33, 33, 1); --ed-dialog-bg-color: rgba(33, 33, 33, 1);
} }
.ed-dialog__title{ .ed-dialog__title{
font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
font-size: 16px; font-size: 16px;
color: #F2F4F5; color: #F2F4F5;
} }
.ed-form-item__label{ .ed-form-item__label{
font-family: 'Arial Normal', 'Arial'; font-family: 'Arial Normal', 'Arial';
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
@ -1497,7 +1581,6 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
.ed-tabs__item:hover{ .ed-tabs__item:hover{
color: #70737C color: #70737C
} }
.ed-tabs__item.is-active{ .ed-tabs__item.is-active{
color: rgb(242, 244, 245) color: rgb(242, 244, 245)
} }
@ -1505,8 +1588,6 @@ const proxyAllowDrop = debounce((arg1, arg2) => {
height: 2px; height: 2px;
background: rgb(242, 244, 245); background: rgb(242, 244, 245);
} }
.ed-table{ .ed-table{
background: rgba(21, 21, 21, 1); background: rgba(21, 21, 21, 1);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
@ -1529,7 +1610,6 @@ border-right: 1px solid rgba(54, 54, 54, 1)
.ed-table__body tr.hover-row.current-row>td.ed-table__cell, .ed-table__body tr.hover-row.ed-table__row--striped.current-row>td.ed-table__cell, .ed-table__body tr.hover-row.ed-table__row--striped>td.ed-table__cell, .ed-table__body tr.hover-row>td.ed-table__cell{ .ed-table__body tr.hover-row.current-row>td.ed-table__cell, .ed-table__body tr.hover-row.ed-table__row--striped.current-row>td.ed-table__cell, .ed-table__body tr.hover-row.ed-table__row--striped>td.ed-table__cell, .ed-table__body tr.hover-row>td.ed-table__cell{
background: rgba(48, 48, 48, 1); background: rgba(48, 48, 48, 1);
} }
.ed-table-v2__main{ .ed-table-v2__main{
background: transparent; background: transparent;
} }
@ -1541,7 +1621,6 @@ border-right: 1px solid rgba(54, 54, 54, 1)
background: rgba(40, 40, 40, 1); background: rgba(40, 40, 40, 1);
color: #C9C9C9; color: #C9C9C9;
border-right: 1px solid rgba(54, 54, 54, 1); border-right: 1px solid rgba(54, 54, 54, 1);
} }
.ed-table-v2__header-row{ .ed-table-v2__header-row{
border-bottom: 1px solid rgba(54, 54, 54, 1) border-bottom: 1px solid rgba(54, 54, 54, 1)
@ -1615,7 +1694,7 @@ border-right: 1px solid rgba(54, 54, 54, 1)
background: rgba(33, 33, 33, 1) !important; background: rgba(33, 33, 33, 1) !important;
} }
.de-el-dropdown-menu .ed-input .ed-input__wrapper { .de-el-dropdown-menu .ed-input .ed-input__wrapper {
border-bottom: 1px solid #434343; border-bottom: 1px solid #434343 !important;
background: rgba(41, 41, 41, 1) !important; background: rgba(41, 41, 41, 1) !important;
} }
.de-el-dropdown-menu .ed-input .ed-input__wrapper .ed-input__inner { .de-el-dropdown-menu .ed-input .ed-input__wrapper .ed-input__inner {
@ -1627,4 +1706,41 @@ border-right: 1px solid rgba(54, 54, 54, 1)
.de-el-dropdown-menu .dimension li:hover{ .de-el-dropdown-menu .dimension li:hover{
background: #434343; background: #434343;
} }
.ed-tree-node__content .icon-more:before{
content: "" !important;
}
.ed-tree--highlight-current .ed-tree-node.is-current>.ed-tree-node__content{
background: rgb(26, 68, 103);
color: #f2f4f5;
}
.ed-table thead{
color: #f2f4f5;
}
.header-cell{
background: #282828 !important;
}
.ed-dialog__header{
padding: 13px 20px;
border-bottom: 1px solid #333333;
margin-right: 0px;
}
.ed-dialog__headerbtn{
color: #ffffff;
}
.ed-dialog__title{
color: #ffffff;
}
.ed-dialog__headerbtn{
top: 13px !important;
}
.ed-dialog {
border: 1px solid #5f5f5f;
border-radius: 4px;
}
.tree-cont::-webkit-scrollbar-thumb {
background: #3f3f3f !important;
}
.tree-cont::-webkit-scrollbar-corner {
background: #3f3f3f !important;
}
</style> </style>

3
core/core-frontend/src/viewsnew/application/service/datasource/form/index.vue
View File

@ -1184,7 +1184,8 @@ defineExpose({
box-sizing: border-box; box-sizing: border-box;
border: none !important; border: none !important;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 0 0 1px #636363; box-shadow: none;
border: 1px solid #636363;
} }
.ed-textarea .ed-input__count { .ed-textarea .ed-input__count {
color: #636363; color: #636363;

36
core/core-frontend/src/viewsnew/application/service/datasource/index.vue
View File

@ -2328,7 +2328,28 @@ const getMenuList = (val: boolean) => {
border-style: solid; border-style: solid;
border-color: rgba(51, 51, 51, 0); border-color: rgba(51, 51, 51, 0);
border-radius: 4px; border-radius: 4px;
box-shadow:0 0 0 1px #636363 ; box-shadow:none;
border: 1px solid #636363 !important;
}
.ed-input__wrapper:hover{
box-shadow:none !important;
border: 1px solid #3370ff !important;
}
.ed-input__wrapper.is-focus{
box-shadow:none;
border: 1px solid #3370ff !important;
}
.ed-textarea__inner{
box-shadow:none !important;
border: 1px solid #636363 !important;
}
.ed-textarea__inner:hover{
box-shadow:none !important;
border: 1px solid #3370ff !important;
}
.ed-textarea__inner.is-focus{
box-shadow:none;
border: 1px solid #3370ff !important;
} }
.ed-input__inner{ .ed-input__inner{
background-color: rgba(37, 38, 38, 1); background-color: rgba(37, 38, 38, 1);
@ -2530,4 +2551,17 @@ border-right: 1px solid rgba(54, 54, 54, 1);
.el-loading-mask{ .el-loading-mask{
background-color: rgba(41, 41, 41, 1) !important; background-color: rgba(41, 41, 41, 1) !important;
} }
.arrow-side-tree{
border: 1px solid #9d9d9d !important;
background: #979797 !important;
color: #fff !important;
}
.arrow-side-tree:hover{
border: 1px solid #0089ff !important;
background: #0089ff !important;
color: #fff !important;
}
.arrow-side-tree .ed-icon{
color: #fff !important;
}
</style> </style>