diff --git a/frontend/src/data-visualization/style/dist/mixin.css b/frontend/src/data-visualization/style/dist/mixin.css
new file mode 100644
index 0000000..2eed74f
--- /dev/null
+++ b/frontend/src/data-visualization/style/dist/mixin.css
@@ -0,0 +1,31 @@
+:deep(.ed-pagination__total) {
+  color: #fff;
+}
+:deep(.ed-pagination__goto) {
+  color: #fff;
+}
+:deep(.ed-dialog__body) {
+  color: #fff;
+}
+:deep(.ed-checkbox__label) {
+  color: #fff;
+}
+:deep(.ed-radio__label) {
+  color: #fff;
+}
+:deep(.ed-step__title.is-process) {
+  color: #fff;
+}
+:deep(.ed-step__title .is-finish) {
+  color: #fff;
+}
+:deep(.excel-info_base .name) {
+  color: #fff;
+}
+:deep(.ed-row.drag-data.padding-lr svg) {
+  width: 100%;
+  height: 100%;
+}
+:deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) {
+  background-color: rgba(37, 38, 38, 0) !important;
+}
diff --git a/frontend/src/data-visualization/style/index.less b/frontend/src/data-visualization/style/index.less
index 019410c..fb8d4a1 100644
--- a/frontend/src/data-visualization/style/index.less
+++ b/frontend/src/data-visualization/style/index.less
@@ -1,6 +1,5 @@
 :root {
   font-family: var(--de-custom_font, 'PingFang');
-  line-height: 1.5;
   font-weight: 400;
   color-scheme: light dark;
   -webkit-font-smoothing: antialiased;
@@ -117,12 +116,12 @@ body {
 }
 
 .header-cell {
-  background-color: #f5f6f7 !important;
+  background-color: #252626 !important;
   border-top: 1px solid rgba(31, 35, 41, 0.15);
 }
 
 .excel-header-cell {
-  background-color: #f5f6f7 !important;
+  background-color: #252626 !important;
 
   .ed-table-v2__header-cell {
     background-color: transparent;
@@ -561,7 +560,7 @@ strong {
 // 这里使用的方案为直接将body全屏 区间组件覆盖整个body
 .de-screen-full {
   position: fixed !important;
-  z-index: 200;
+  z-index: 1001 !important;
   top: 0;
   left: 0;
   right: 0;
@@ -607,7 +606,7 @@ strong {
 .form-item-dark {
   .ed-input-number__decrease,
   .ed-input-number__increase {
-    color: #a6a6a6;
+    color: #a6a6a6 !important;
   }
 }
 
@@ -695,4 +694,64 @@ strong {
 
 .ed-checkbox__label:hover{
   color: #fff ;
+}
+
+
+.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover {
+  background-color: rgba(67, 67, 67, 1) !important;
+}
+
+.ed-input.is-disabled .ed-input__wrapper{
+  background-color: rgba(37, 38, 38, 1) !important;
+  box-shadow: 0 0 0 1px rgba(51, 51, 51, 0)inset;
+}
+.de-el-dropdown-menu .dimension li{
+  color: #ffffff !important;
+}
+.de-el-dropdown-menu .dimension li:hover{
+  background-color: rgba(67, 67, 67, 1)!important;
+}
+.de-el-dropdown-menu-fixed .de-panel{
+  background-color: rgba(37, 38, 38, 1)!important;
+}
+.de-el-dropdown-menu-fixed .de-panel .mod-left{
+  color: #ffffff !important;
+}
+.de-el-dropdown-menu-fixed .de-panel .right-top{
+  color: #ffffff !important;
+}
+.de-el-dropdown-menu-fixed .de-panel .autochecker-list .right-checkbox__label{
+  color: #ffffff !important;
+}
+.de-el-dropdown-menu-fixed .de-panel .right-top .right-btn{
+  color: #ffffff !important;
+}
+.de-el-dropdown-menu-fixed .de-panel .right-top .right-btn{
+  background-color: rgba(37, 38, 38, 0) !important;
+  border:1px solid rgba(67, 67, 67, 1) !important;
+}
+.de-el-dropdown-menu-manu{
+  background-color: rgba(37, 38, 38, 1) !important;
+}
+.de-el-dropdown-menu-manu .text-area .input{
+  background-color: rgba(37, 38, 38, 1) !important;
+  color: #ffffff !important;
+}
+.de-el-dropdown-menu-manu .text-area .text-area-btn{
+  background-color: rgba(37, 38, 38, 0) !important;
+}
+.de-el-dropdown-menu-fixed .de-panel .mod-left .ed-input__wrapper{
+  background-color: rgba(37, 38, 38, 0) !important;
+}
+
+.form-draggable-title{
+  color: #ffffff;
+}
+
+.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
+  background-color: rgba(37, 38, 38, 0) !important;
+}
+
+.el-main ._fc-m-drag {
+  background: #c3c0c0
 }
\ No newline at end of file
diff --git a/frontend/src/data-visualization/style/mixin.less b/frontend/src/data-visualization/style/mixin.less
index bf020a9..6c1aa06 100644
--- a/frontend/src/data-visualization/style/mixin.less
+++ b/frontend/src/data-visualization/style/mixin.less
@@ -43,7 +43,24 @@
 //   :deep(.ed-radio__label){
 //     color: #fff;
 //   }
-  
+
 // }
 
+:deep(.ed-step__title.is-process){
+  color: #fff ;
+}
+:deep(.ed-step__title .is-finish){
+  color: #fff ;
+}
+:deep(.excel-info_base .name){
+  color: #fff ;
+}
 
+:deep(.ed-row.drag-data.padding-lr svg){
+  width: 100%;
+  height: 100%;
+}
+
+:deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell){
+  background-color: rgba(37, 38, 38, 0) !important;
+}
\ No newline at end of file