主题

bi/base.css

@@ -11,8 +11,11 @@
 .bi-color-chooser-popup .color-chooser-popup-more {
   background: #f4f4f4;
 }
-.bi-color-chooser-popup .color-chooser-popup-more:hover {
+.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-title {
-  background: #d4dadd;
+  background: #191a2c;
+}
+.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-more {
+  background: #191a2c;
 }
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
@@ -667,6 +670,10 @@ li.CodeMirror-hint-active {
   font-size: 16px;
   cursor: pointer;
 }
+.bi-theme-dark .bi-message-title {
+  background-color: #191a2c;
+  color: #b2b2b2;
+}
 .bi-message-text {
   font-size: 16px;
   -webkit-user-select: text;
@@ -681,6 +688,10 @@ li.CodeMirror-hint-active {
   color: #808080;
   font-size: 16px;
 }
+.bi-theme-dark .bi-message-content {
+  background-color: #202237;
+  color: #b2b2b2;
+}
 .bi-message-close {
   font-size: 25px;
 }
@@ -698,6 +709,9 @@ li.CodeMirror-hint-active {
   background: #f4f4f4;
   border-bottom: 1px solid #d4dadd;
 }
+.bi-theme-dark .bi-popup-panel .popup-panel-title {
+  background: #191a2c;
+}
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
@@ -1176,6 +1190,9 @@ li.CodeMirror-hint-active {
 .bi-grid-table-cell.first-col {
   border-left: 1px solid #eaeaea;
 }
+/****添加计算宽度的--运算符直接需要space****/
+/****** common color(常用颜色,可用于普遍场景) *****/
+/**** custom color(自定义颜色,用于特定场景) ****/
 .scrollbar-layout-main {
   box-sizing: border-box;
   outline: none;
@@ -1184,10 +1201,13 @@ li.CodeMirror-hint-active {
   transition-duration: 250ms;
   transition-timing-function: ease;
   user-select: none;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: #f4f4f4;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
   border-radius: 5px;
 }
+.bi-theme-dark .scrollbar-layout-main {
+  background-color: rgba(255, 255, 255, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
+}
 .scrollbar-layout-main-vertical {
   bottom: 0;
   right: 0;
@@ -1204,8 +1224,11 @@ li.CodeMirror-hint-active {
   height: 10px;
   left: 0;
   transition-property: background-color;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: #f4f4f4;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
+}
+.bi-theme-dark .scrollbar-layout-main-horizontal {
+  background-color: rgba(255, 255, 255, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
 }
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@@ -1258,7 +1281,7 @@ li.CodeMirror-hint-active {
  */
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .public-scrollbar-face:after {
-  background-color: #c2c2c2;
+  background-color: #e2e2e2;
 }
 .bi-theme-dark .public-scrollbar-face:after {
   background-color: #7d7d7d;
@@ -1271,15 +1294,12 @@ li.CodeMirror-hint-active {
 .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-faceActive:after {
-  background-color: #c2c2c2;
+  background-color: #e2e2e2;
 }
 .horizontal-scrollbar {
   bottom: 0;
   position: absolute;
 }
-.horizontal-scrollbar .public-scrollbar-main-horizontal {
-  background-color: #fff;
-}
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
@@ -1389,12 +1409,12 @@ li.CodeMirror-hint-active {
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-float-box {
-  background: #ffffff;
+  background-color: #ffffff;
+  color: #1a1a1a;
 }
-.bi-float-box .float-box-button {
+.bi-theme-dark .bi-float-box {
-  color: #ffffff;
+  background-color: #202237;
-  background: #009de3;
+  color: #b2b2b2;
-  border: 1px solid #d4dadd;
 }
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
@@ -1428,5 +1448,5 @@ li.CodeMirror-hint-active {
 }
 .bi-theme-dark .bi-list-view .list-view-outer {
   color: #b2b2b2;
-  background: #191a2c;
+  background: #202237;
 }

bi/case.js

@@ -2479,7 +2479,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
             isNeedAdjustHeight: false,
             el: {
                 type: "bi.text_item",
-                cls: "color-chooser-popup-more",
+                cls: "color-chooser-popup-more bi-list-item",
                 textAlign: "center",
                 height: 20,
                 text: BI.i18nText("BI-Basic_More") + "..."

bi/core.css

@@ -3062,29 +3062,29 @@
 .bi-list-item-select.disabled:active .bi-high-light {
   color: #c4c6c6 !important;
 }
-.bi-theme-dark .list-item-select:hover,
+.bi-theme-dark .bi-list-item-select:hover,
-.bi-theme-dark .list-item-select.hover {
+.bi-theme-dark .bi-list-item-select.hover {
   color: #009de3;
   background-color: #04070d;
 }
-.bi-theme-dark .list-item-select:active,
+.bi-theme-dark .bi-list-item-select:active,
-.bi-theme-dark .list-item-select.active {
+.bi-theme-dark .bi-list-item-select.active {
   color: #ffffff;
   background-color: #009de3;
 }
-.bi-theme-dark .list-item-select:active .bi-high-light,
+.bi-theme-dark .bi-list-item-select:active .bi-high-light,
-.bi-theme-dark .list-item-select.active .bi-high-light {
+.bi-theme-dark .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
 }
-.bi-theme-dark .list-item-select.disabled,
+.bi-theme-dark .bi-list-item-select.disabled,
-.bi-theme-dark .list-item-select.disabled:hover,
+.bi-theme-dark .bi-list-item-select.disabled:hover,
-.bi-theme-dark .list-item-select.disabled:active {
+.bi-theme-dark .bi-list-item-select.disabled:active {
   color: #c4c6c6 !important;
   background-color: transparent !important;
 }
-.bi-theme-dark .list-item-select.disabled .bi-high-light,
+.bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
-.bi-theme-dark .list-item-select.disabled:hover .bi-high-light,
+.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
-.bi-theme-dark .list-item-select.disabled:active .bi-high-light {
+.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
   color: #c4c6c6 !important;
 }
 /*****************cursor*****************/

bi/core.js

@@ -17007,6 +17007,24 @@ $(function () {
             });
         },
 
+        isColor: function (color) {
+            return this.isRGBColor(color) || this.isHexColor(color);
+        },
+
+        isRGBColor: function (color) {
+            if (!color) {
+                return false;
+            }
+            return color.substr(0, 3) === "rgb";
+        },
+
+        isHexColor: function (color) {
+            if (!color) {
+                return false;
+            }
+            return color[0] === "#" && color.length === 7;
+        },
+
         isDarkColor: function (hex) {
             if (!hex) {
                 return false;
@@ -17022,7 +17040,7 @@ $(function () {
         //获取对比颜色
         getContrastColor: function (color) {
             if (this.isDarkColor(color)) {
-                return "#ffffff";
+                return "#b2b2b2";
             }
             return "#1a1a1a";
         },

docs/base.css

@@ -11,8 +11,11 @@
 .bi-color-chooser-popup .color-chooser-popup-more {
   background: #f4f4f4;
 }
-.bi-color-chooser-popup .color-chooser-popup-more:hover {
+.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-title {
-  background: #d4dadd;
+  background: #191a2c;
+}
+.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-more {
+  background: #191a2c;
 }
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
@@ -667,6 +670,10 @@ li.CodeMirror-hint-active {
   font-size: 16px;
   cursor: pointer;
 }
+.bi-theme-dark .bi-message-title {
+  background-color: #191a2c;
+  color: #b2b2b2;
+}
 .bi-message-text {
   font-size: 16px;
   -webkit-user-select: text;
@@ -681,6 +688,10 @@ li.CodeMirror-hint-active {
   color: #808080;
   font-size: 16px;
 }
+.bi-theme-dark .bi-message-content {
+  background-color: #202237;
+  color: #b2b2b2;
+}
 .bi-message-close {
   font-size: 25px;
 }
@@ -698,6 +709,9 @@ li.CodeMirror-hint-active {
   background: #f4f4f4;
   border-bottom: 1px solid #d4dadd;
 }
+.bi-theme-dark .bi-popup-panel .popup-panel-title {
+  background: #191a2c;
+}
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
@@ -1176,6 +1190,9 @@ li.CodeMirror-hint-active {
 .bi-grid-table-cell.first-col {
   border-left: 1px solid #eaeaea;
 }
+/****添加计算宽度的--运算符直接需要space****/
+/****** common color(常用颜色,可用于普遍场景) *****/
+/**** custom color(自定义颜色,用于特定场景) ****/
 .scrollbar-layout-main {
   box-sizing: border-box;
   outline: none;
@@ -1184,10 +1201,13 @@ li.CodeMirror-hint-active {
   transition-duration: 250ms;
   transition-timing-function: ease;
   user-select: none;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: #f4f4f4;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
   border-radius: 5px;
 }
+.bi-theme-dark .scrollbar-layout-main {
+  background-color: rgba(255, 255, 255, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
+}
 .scrollbar-layout-main-vertical {
   bottom: 0;
   right: 0;
@@ -1204,8 +1224,11 @@ li.CodeMirror-hint-active {
   height: 10px;
   left: 0;
   transition-property: background-color;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: #f4f4f4;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
+}
+.bi-theme-dark .scrollbar-layout-main-horizontal {
+  background-color: rgba(255, 255, 255, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
 }
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@@ -1258,7 +1281,7 @@ li.CodeMirror-hint-active {
  */
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .public-scrollbar-face:after {
-  background-color: #c2c2c2;
+  background-color: #e2e2e2;
 }
 .bi-theme-dark .public-scrollbar-face:after {
   background-color: #7d7d7d;
@@ -1271,15 +1294,12 @@ li.CodeMirror-hint-active {
 .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-faceActive:after {
-  background-color: #c2c2c2;
+  background-color: #e2e2e2;
 }
 .horizontal-scrollbar {
   bottom: 0;
   position: absolute;
 }
-.horizontal-scrollbar .public-scrollbar-main-horizontal {
-  background-color: #fff;
-}
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
@@ -1389,12 +1409,12 @@ li.CodeMirror-hint-active {
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-float-box {
-  background: #ffffff;
+  background-color: #ffffff;
+  color: #1a1a1a;
 }
-.bi-float-box .float-box-button {
+.bi-theme-dark .bi-float-box {
-  color: #ffffff;
+  background-color: #202237;
-  background: #009de3;
+  color: #b2b2b2;
-  border: 1px solid #d4dadd;
 }
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
@@ -1428,5 +1448,5 @@ li.CodeMirror-hint-active {
 }
 .bi-theme-dark .bi-list-view .list-view-outer {
   color: #b2b2b2;
-  background: #191a2c;
+  background: #202237;
 }

docs/case.js

@@ -2479,7 +2479,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
             isNeedAdjustHeight: false,
             el: {
                 type: "bi.text_item",
-                cls: "color-chooser-popup-more",
+                cls: "color-chooser-popup-more bi-list-item",
                 textAlign: "center",
                 height: 20,
                 text: BI.i18nText("BI-Basic_More") + "..."

docs/core.css

@@ -3062,29 +3062,29 @@
 .bi-list-item-select.disabled:active .bi-high-light {
   color: #c4c6c6 !important;
 }
-.bi-theme-dark .list-item-select:hover,
+.bi-theme-dark .bi-list-item-select:hover,
-.bi-theme-dark .list-item-select.hover {
+.bi-theme-dark .bi-list-item-select.hover {
   color: #009de3;
   background-color: #04070d;
 }
-.bi-theme-dark .list-item-select:active,
+.bi-theme-dark .bi-list-item-select:active,
-.bi-theme-dark .list-item-select.active {
+.bi-theme-dark .bi-list-item-select.active {
   color: #ffffff;
   background-color: #009de3;
 }
-.bi-theme-dark .list-item-select:active .bi-high-light,
+.bi-theme-dark .bi-list-item-select:active .bi-high-light,
-.bi-theme-dark .list-item-select.active .bi-high-light {
+.bi-theme-dark .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
 }
-.bi-theme-dark .list-item-select.disabled,
+.bi-theme-dark .bi-list-item-select.disabled,
-.bi-theme-dark .list-item-select.disabled:hover,
+.bi-theme-dark .bi-list-item-select.disabled:hover,
-.bi-theme-dark .list-item-select.disabled:active {
+.bi-theme-dark .bi-list-item-select.disabled:active {
   color: #c4c6c6 !important;
   background-color: transparent !important;
 }
-.bi-theme-dark .list-item-select.disabled .bi-high-light,
+.bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
-.bi-theme-dark .list-item-select.disabled:hover .bi-high-light,
+.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
-.bi-theme-dark .list-item-select.disabled:active .bi-high-light {
+.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
   color: #c4c6c6 !important;
 }
 /*****************cursor*****************/

docs/core.js

@@ -22631,6 +22631,24 @@ $(function () {
             });
         },
 
+        isColor: function (color) {
+            return this.isRGBColor(color) || this.isHexColor(color);
+        },
+
+        isRGBColor: function (color) {
+            if (!color) {
+                return false;
+            }
+            return color.substr(0, 3) === "rgb";
+        },
+
+        isHexColor: function (color) {
+            if (!color) {
+                return false;
+            }
+            return color[0] === "#" && color.length === 7;
+        },
+
         isDarkColor: function (hex) {
             if (!hex) {
                 return false;
@@ -22646,7 +22664,7 @@ $(function () {
         //获取对比颜色
         getContrastColor: function (color) {
             if (this.isDarkColor(color)) {
-                return "#ffffff";
+                return "#b2b2b2";
             }
             return "#1a1a1a";
         },

docs/resource.css

@@ -109,7 +109,7 @@ textarea::-webkit-scrollbar-thumb {
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: #191a2c;
+  background-color: rgba(255, 255, 255, 0.1);
   width: 6px;
   height: 6px;
 }

src/case/colorchooser/colorchooser.popup.js

@@ -94,7 +94,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
             isNeedAdjustHeight: false,
             el: {
                 type: "bi.text_item",
-                cls: "color-chooser-popup-more",
+                cls: "color-chooser-popup-more bi-list-item",
                 textAlign: "center",
                 height: 20,
                 text: BI.i18nText("BI-Basic_More") + "..."

src/core/func/function.js

@@ -105,6 +105,24 @@ $(function () {
             });
         },
 
+        isColor: function (color) {
+            return this.isRGBColor(color) || this.isHexColor(color);
+        },
+
+        isRGBColor: function (color) {
+            if (!color) {
+                return false;
+            }
+            return color.substr(0, 3) === "rgb";
+        },
+
+        isHexColor: function (color) {
+            if (!color) {
+                return false;
+            }
+            return color[0] === "#" && color.length === 7;
+        },
+
         isDarkColor: function (hex) {
             if (!hex) {
                 return false;
@@ -120,7 +138,7 @@ $(function () {
         //获取对比颜色
         getContrastColor: function (color) {
             if (this.isDarkColor(color)) {
-                return "#ffffff";
+                return "#b2b2b2";
             }
             return "#1a1a1a";
         },

src/css/base/colorchooser/colorchooser.popup.css

@@ -8,6 +8,9 @@
 .bi-color-chooser-popup .color-chooser-popup-more {
   background: #f4f4f4;
 }
-.bi-color-chooser-popup .color-chooser-popup-more:hover {
+.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-title {
-  background: #d4dadd;
+  background: #191a2c;
+}
+.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-more {
+  background: #191a2c;
 }

src/css/base/foundation/bi.message.css

@@ -12,6 +12,10 @@
   font-size: 16px;
   cursor: pointer;
 }
+.bi-theme-dark .bi-message-title {
+  background-color: #191a2c;
+  color: #b2b2b2;
+}
 .bi-message-text {
   font-size: 16px;
   -webkit-user-select: text;
@@ -26,6 +30,10 @@
   color: #808080;
   font-size: 16px;
 }
+.bi-theme-dark .bi-message-content {
+  background-color: #202237;
+  color: #b2b2b2;
+}
 .bi-message-close {
   font-size: 25px;
 }

src/css/base/layer/layer.panel.css

@@ -5,3 +5,6 @@
   background: #f4f4f4;
   border-bottom: 1px solid #d4dadd;
 }
+.bi-theme-dark .bi-popup-panel .popup-panel-title {
+  background: #191a2c;
+}

src/css/base/table/table.grid.scrollbar.css

@@ -1,3 +1,6 @@
+/****添加计算宽度的--运算符直接需要space****/
+/****** common color(常用颜色,可用于普遍场景) *****/
+/**** custom color(自定义颜色,用于特定场景) ****/
 .scrollbar-layout-main {
   box-sizing: border-box;
   outline: none;
@@ -6,10 +9,13 @@
   transition-duration: 250ms;
   transition-timing-function: ease;
   user-select: none;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: #f4f4f4;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
   border-radius: 5px;
 }
+.bi-theme-dark .scrollbar-layout-main {
+  background-color: rgba(255, 255, 255, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
+}
 .scrollbar-layout-main-vertical {
   bottom: 0;
   right: 0;
@@ -26,8 +32,11 @@
   height: 10px;
   left: 0;
   transition-property: background-color;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: #f4f4f4;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
+}
+.bi-theme-dark .scrollbar-layout-main-horizontal {
+  background-color: rgba(255, 255, 255, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
 }
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@@ -80,7 +89,7 @@
  */
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .public-scrollbar-face:after {
-  background-color: #c2c2c2;
+  background-color: #e2e2e2;
 }
 .bi-theme-dark .public-scrollbar-face:after {
   background-color: #7d7d7d;
@@ -93,12 +102,9 @@
 .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-faceActive:after {
-  background-color: #c2c2c2;
+  background-color: #e2e2e2;
 }
 .horizontal-scrollbar {
   bottom: 0;
   position: absolute;
 }
-.horizontal-scrollbar .public-scrollbar-main-horizontal {
-  background-color: #fff;
-}

src/css/base/view/floatboxview.css

@@ -2,10 +2,10 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-float-box {
-  background: #ffffff;
+  background-color: #ffffff;
+  color: #1a1a1a;
 }
-.bi-float-box .float-box-button {
+.bi-theme-dark .bi-float-box {
-  color: #ffffff;
+  background-color: #202237;
-  background: #009de3;
+  color: #b2b2b2;
-  border: 1px solid #d4dadd;
 }

src/css/base/view/popupview.css

@@ -30,5 +30,5 @@
 }
 .bi-theme-dark .bi-list-view .list-view-outer {
   color: #b2b2b2;
-  background: #191a2c;
+  background: #202237;
 }

src/css/core/utils/common.css

@@ -160,28 +160,28 @@
 .bi-list-item-select.disabled:active .bi-high-light {
   color: #c4c6c6 !important;
 }
-.bi-theme-dark .list-item-select:hover,
+.bi-theme-dark .bi-list-item-select:hover,
-.bi-theme-dark .list-item-select.hover {
+.bi-theme-dark .bi-list-item-select.hover {
   color: #009de3;
   background-color: #04070d;
 }
-.bi-theme-dark .list-item-select:active,
+.bi-theme-dark .bi-list-item-select:active,
-.bi-theme-dark .list-item-select.active {
+.bi-theme-dark .bi-list-item-select.active {
   color: #ffffff;
   background-color: #009de3;
 }
-.bi-theme-dark .list-item-select:active .bi-high-light,
+.bi-theme-dark .bi-list-item-select:active .bi-high-light,
-.bi-theme-dark .list-item-select.active .bi-high-light {
+.bi-theme-dark .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
 }
-.bi-theme-dark .list-item-select.disabled,
+.bi-theme-dark .bi-list-item-select.disabled,
-.bi-theme-dark .list-item-select.disabled:hover,
+.bi-theme-dark .bi-list-item-select.disabled:hover,
-.bi-theme-dark .list-item-select.disabled:active {
+.bi-theme-dark .bi-list-item-select.disabled:active {
   color: #c4c6c6 !important;
   background-color: transparent !important;
 }
-.bi-theme-dark .list-item-select.disabled .bi-high-light,
+.bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
-.bi-theme-dark .list-item-select.disabled:hover .bi-high-light,
+.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
-.bi-theme-dark .list-item-select.disabled:active .bi-high-light {
+.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
   color: #c4c6c6 !important;
 }

src/css/resource/app.css

@@ -109,7 +109,7 @@ textarea::-webkit-scrollbar-thumb {
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: #191a2c;
+  background-color: rgba(255, 255, 255, 0.1);
   width: 6px;
   height: 6px;
 }

src/less/base/colorchooser/colorchooser.popup.less

@@ -1,14 +1,22 @@
 @import "../../bibase";
 
-.bi-color-chooser-popup{
+.bi-color-chooser-popup {
-  & .color-chooser-popup-title{
+  & .color-chooser-popup-title {
     background: @color-bi-background-gray;
     border-bottom: 1px solid @color-bi-split-dark;
   }
-  & .color-chooser-popup-more{
+  & .color-chooser-popup-more {
     background: @color-bi-background-gray;
-    &:hover{
+  }
-      background: @color-bi-background-dark;
+}
+
+.bi-theme-dark {
+  .bi-color-chooser-popup {
+    & .color-chooser-popup-title {
+      background: @color-bi-background-normal-theme-dark;
+    }
+    & .color-chooser-popup-more {
+      background: @color-bi-background-normal-theme-dark;
     }
   }
 }

src/less/base/foundation/bi.message.less

@@ -11,16 +11,32 @@
   font-size: 16px;
   cursor: pointer;
 }
+
+.bi-theme-dark {
+  .bi-message-title {
+    background-color: @color-bi-background-normal-theme-dark;
+    color: @color-bi-text-theme-dark;
+  }
+}
+
 .bi-message-text {
   font-size: 16px;
   .user-select(text);
 }
+
 .bi-message-content {
   background-color: @color-bi-background-default;
   color: @color-bi-text-gray;
   font-size: 16px;
 }
 
+.bi-theme-dark {
+  .bi-message-content {
+    background-color: @color-bi-background-default-theme-dark;
+    color: @color-bi-text-theme-dark;
+  }
+}
+
 .bi-message-close {
   font-size: 25px;
 }

src/less/base/layer/layer.panel.less

@@ -1,8 +1,16 @@
 @import "../../bibase";
 
-.bi-popup-panel{
+.bi-popup-panel {
-  & .popup-panel-title{
+  & .popup-panel-title {
     background: @color-bi-background-gray;
     border-bottom: 1px solid @color-bi-split-dark;
   }
 }
+
+.bi-theme-dark {
+  .bi-popup-panel {
+    & .popup-panel-title {
+      background: @color-bi-background-normal-theme-dark;
+    }
+  }
+}

src/less/base/table/table.grid.scrollbar.less

@@ -1,3 +1,4 @@
+@import "../../bibase";
 .scrollbar-layout-main {
   box-sizing: border-box;
   outline: none;
@@ -6,11 +7,17 @@
   transition-duration: 250ms;
   transition-timing-function: ease;
   user-select: none;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: @scroll-color;
-  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)";
   border-radius: 5px;
 }
 
+.bi-theme-dark {
+  .scrollbar-layout-main {
+    background-color: @scroll-color-theme-dark;
+    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff)";
+  }
+}
+
 .scrollbar-layout-main-vertical {
   bottom: 0;
   right: 0;
@@ -29,8 +36,14 @@
   height: 10px;
   left: 0;
   transition-property: background-color;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: @scroll-color;
-  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)";
+}
+
+.bi-theme-dark {
+  .scrollbar-layout-main-horizontal {
+    background-color: @scroll-color-theme-dark;
+    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff)";
+  }
 }
 
 /* Touching the scroll-track directly makes the scroll-track bolder */
@@ -103,26 +116,26 @@
 }
 
 .public-scrollbar-face:after {
-  background-color: #c2c2c2;
+  background-color: @scroll-thumb-color;
 }
 
 .bi-theme-dark {
   .public-scrollbar-face:after {
-    background-color: #7d7d7d;
+    background-color: @scroll-thumb-color-theme-dark;
   }
 }
 
 .public-scrollbar-main:hover .public-scrollbar-face:after,
 .public-scrollbar-main-active .public-scrollbar-face:after,
 .public-scrollbar-faceActive:after {
-  background-color: #7d7d7d;
+  background-color: @scroll-thumb-focus-color;
 }
 
 .bi-theme-dark {
   .public-scrollbar-main:hover .public-scrollbar-face:after,
   .public-scrollbar-main-active .public-scrollbar-face:after,
   .public-scrollbar-faceActive:after {
-    background-color: #c2c2c2;
+    background-color: @scroll-thumb-focus-color-theme-dark;
   }
 }
 
@@ -130,8 +143,5 @@
 .horizontal-scrollbar {
   bottom: 0;
   position: absolute;
-  & .public-scrollbar-main-horizontal {
-    background-color: #fff;
-  }
 }
 

src/less/base/view/floatboxview.less

@@ -1,9 +1,13 @@
 @import "../../bibase";
-.bi-float-box{
+
-  background: @color-bi-background-default;
+.bi-float-box {
-  & .float-box-button{
+  background-color: @color-bi-background-default;
-    color: @color-bi-text;
+  color: @color-bi-text-black;
-    background: @color-bi-background-highlight;
+}
-    border: 1px solid @color-bi-border-normal;
+
+.bi-theme-dark {
+  .bi-float-box {
+    background-color: @color-bi-background-default-theme-dark;
+    color: @color-bi-text-theme-dark;
   }
 }

src/less/base/view/popupview.less

@@ -30,7 +30,7 @@
   .bi-list-view {
     & .list-view-outer {
       color: @color-bi-text-theme-dark;
-      background: @color-bi-background-theme-dark;
+      background: @color-bi-background-default-theme-dark;
     }
   }
 }

src/less/core/utils/common.less

@@ -132,7 +132,7 @@
 }
 
 .bi-theme-dark {
-  .list-item-select {
+  .bi-list-item-select {
     &:hover, &.hover {
       color: @color-bi-text-highlight;
       background-color: @color-list-item-hover;

src/less/lib/colors.less

@@ -26,12 +26,13 @@
 //标红色
 @color-bi-text-redmark: @font-color-redmark;
 
+//普通背景
+@color-bi-background-normal: @background-color-normal;
+@color-bi-background-normal-theme-dark: #191A2C;
 //默认背景
 @color-bi-background-default: @background-color-default;
 //深色主题默认背景
-@color-bi-background-theme-dark: #191A2C;
+@color-bi-background-default-theme-dark: #202237;
-//普通背景
-@color-bi-background-normal: @background-color-normal;
 //黑色背景
 @color-bi-background-black: @background-color-black;
 //深灰色背景

src/less/lib/constant.less

@@ -80,6 +80,11 @@
 //scroll color
 @scroll-color: #f4f4f4;
 @scroll-thumb-color: #e2e2e2;
+@scroll-thumb-focus-color: #7d7d7d;
+
+@scroll-color-theme-dark: rgba(255,255,255,.1);
+@scroll-thumb-color-theme-dark: #7d7d7d;
+@scroll-thumb-focus-color-theme-dark: #e2e2e2;
 
 @water-mark-color: #cccccc;
 

src/less/resource/app.less

@@ -112,13 +112,13 @@ div, textarea {
   div, textarea {
     &::-webkit-scrollbar {
       -webkit-appearance: none;
-      background-color: @color-bi-background-theme-dark;
+      background-color: @scroll-color-theme-dark;
       width: 6px;
       height: 6px;
     }
     &::-webkit-scrollbar-thumb {
       .border-radius(0);
-      background-color: #7d7d7d;
+      background-color: @scroll-thumb-color-theme-dark;
     }
   }
 }

src/less/theme/dark.less

@@ -1,7 +1,7 @@
 @import "../bibase";
 
 .bi-theme-dark {
-  background-color: @color-bi-background-theme-dark;
+  background-color: @color-bi-background-normal-theme-dark;
   color: @color-bi-text-theme-dark;
   & .bi-input {
     color: @color-bi-text;

src/less/widget/multiselect/trigger/button.checkselected.less

@@ -10,6 +10,6 @@
 
 .bi-theme-dark {
   .bi-multi-select-check-selected-button {
-    background-color: @color-bi-background-theme-dark;
+    background-color: @color-bi-background-normal-theme-dark;
   }
 }