style: 为el-tooltip dark 进行深色主题适配

data-room-ui/packages/BigScreenDesign/PageDesignTop.vue

@@ -13,7 +13,7 @@
       <el-tooltip
         v-for="(mode,index) in alignList"
         :key="mode.value"
-        class="bs-el-tooltip"
+        popper-class="bs-el-tooltip-dark"
         effect="dark"
         :content="mode.label"
         placement="top"

data-room-ui/packages/assets/style/bsTheme.scss

@@ -1,6 +1,5 @@
 .bs-body-theme-wrap {
   .big-screen-home-wrap {
-
     // 加载效果
     .el-loading-mask {
       opacity: 0.9 !important;
@@ -135,7 +134,6 @@
 
   td.el-table__cell {
     background-color: var(--bs-background-2) !important;
-
   }
 
   .el-table__cell.is-leaf {
@@ -200,7 +198,6 @@
     color: var(--bs-el-text) !important;
   }
 
-
   .el-select-dropdown__item.selected {
     color: var(--bs-el-color-primary) !important;
     background-color: var(--bs-background-1) !important;
@@ -223,7 +220,6 @@
 
 // dialog
 .bs-el-dialog {
-
   .el-dialog__header {
     background: var(--bs-background-2) !important;
     background-color: var(--bs-background-2) !important;
@@ -236,7 +232,6 @@
 
   .el-dialog__footer {
     background: var(--bs-background-2) !important;
-
   }
 
   ::v-deep .el-dialog__body {
@@ -272,7 +267,6 @@
     background: var(--bs-el-background-3) !important;
     border-radius: 10px !important;
   }
-
 }
 
 // tree
@@ -294,7 +288,6 @@
     color: var(--bs-el-color-primary) !important;
     background-color: var(--bs-el-background-1) !important;
   }
-
 }
 
 // 数据集头部样式
@@ -325,7 +318,6 @@
       border-left: 4px solid var(--bs-el-color-primary) !important;
     }
   }
-
 }
 
 .bs-el-pagination {
@@ -411,12 +403,12 @@
   }
 
   .el-button--primary {
-    color: #FFFFFF;
+    color: #ffffff;
     background-color: var(--bs-el-color-primary) !important;
     border-color: var(--bs-el-color-primary) !important;
 
     &:hover {
-      color: #FFFFFF !important;
+      color: #ffffff !important;
       background-color: #66b1ff !important;
       border-color: #66b1ff !important;
     }
@@ -438,7 +430,6 @@
   }
 }
 
-
 .bs-field-wrap {
   .field-item {
     color: var(--bs-el-text) !important;
@@ -475,7 +466,6 @@
       border-bottom-color: var(--bs-el-background-1) !important;
       border-top-color: var(--bs-el-background-1) !important;
       display: none !important;
-
     }
   }
 }
@@ -483,7 +473,6 @@
 .bs-slider-wrap {
   .el-slider__runway {
     background-color: #a6a7aa !important;
-
   }
 
   .el-slider__bar {
@@ -525,7 +514,6 @@
     background-color: var(--bs-el-background-2) !important;
   }
 
-
   &:hover {
     color: var(--bs-el-color-primary) !important;
     border-color: var(--bs-el-color-primary) !important;
@@ -536,7 +524,7 @@
 // radio
 .bs-radio-wrap {
   .el-radio__inner {
-    border: 1px solid #DCDFE6 !important;
+    border: 1px solid #dcdfe6 !important;
   }
 }
 
@@ -567,7 +555,6 @@
 
   .menu_item__available:hover {
     background: var(--bs-el-background-3) !important;
-    ;
     color: var(--bs-el-color-primary) !important;
   }
 }
@@ -617,7 +604,7 @@
     background-color: var(--bs-el-color-primary) !important;
   }
   .el-input__inner {
-    border: 1px solid #DCDFE6!important;
+    border: 1px solid #dcdfe6 !important;
   }
   .el-time-panel {
     left: -33px !important;
@@ -634,7 +621,6 @@
   }
 }
 
-
 .bs-el-divider {
   background-color: var(--bs-background-1) !important;
   .el-divider__text.is-left {
@@ -642,3 +628,13 @@
     color: var(--bs-el-text) !important;
   }
 }
+
+.bs-el-tooltip-dark {
+  color: var(--bs-el-text) !important;
+  background: var(--bs-background-2) !important;
+  .popper__arrow {
+    &:after {
+      border-bottom-color: var(--bs-background-2) !important;
+    }
+  }
+}