add

bi/base.css

@@ -1298,7 +1298,6 @@ li.CodeMirror-hint-active {
 }
 .bi-list-view .list-view-toolbar {
   line-height: 30px;
-  color: #3f8ce8;
 }
 .bi-list-view .list-view-toolbar > .center-element {
   border-left: 1px solid #d4dadd;

bi/base.js

@@ -15151,7 +15151,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
 
         return BI.createWidget({
             type: "bi.center",
-            cls: "list-view-toolbar bi-border-top",
+            cls: "list-view-toolbar bi-high-light bi-border-top",
             height: 30,
             items: BI.createItems(o.buttons, {
                 once: false,

bi/case.js

@@ -6991,7 +6991,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, {
 
         this.buttongroup = BI.createWidget({
             type: "bi.button_group",
-            cls: "list-view-toolbar bi-border-top",
+            cls: "list-view-toolbar bi-high-light bi-border-top",
             height: 30,
             items: BI.createItems(text, {
                 type: "bi.text_button",

bi/widget.css

@@ -242,7 +242,6 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-multi-select-check-pane .multi-select-check-selected {
-  color: #3f8ce8;
   text-decoration: underline;
 }
 /****添加计算宽度的--运算符直接需要space****/
@@ -275,7 +274,6 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-multi-select-check-selected-button {
-  color: #3f8ce8;
   z-index: 1;
 }
 /****添加计算宽度的--运算符直接需要space****/

bi/widget.js

@@ -9387,7 +9387,7 @@ BI.MultiSelectCheckPane = BI.inherit(BI.Widget, {
         this.continueSelect = BI.createWidget({
             type: 'bi.text_button',
             text: BI.i18nText('BI-Continue_Select'),
-            cls: 'multi-select-check-selected'
+            cls: 'multi-select-check-selected bi-high-light'
         });
 
         this.continueSelect.on(BI.TextButton.EVENT_CHANGE, function () {
@@ -10560,7 +10560,7 @@ BI.MultiSelectCheckSelectedButton = BI.inherit(BI.Single, {
 
     _defaultConfig: function () {
         return BI.extend(BI.MultiSelectCheckSelectedButton.superclass._defaultConfig.apply(this, arguments), {
-            baseCls: 'bi-multi-select-check-selected-button',
+            baseCls: 'bi-multi-select-check-selected-button bi-high-light',
             itemsCreator: BI.emptyFn
         });
     },

docs/base.css

@@ -1298,7 +1298,6 @@ li.CodeMirror-hint-active {
 }
 .bi-list-view .list-view-toolbar {
   line-height: 30px;
-  color: #3f8ce8;
 }
 .bi-list-view .list-view-toolbar > .center-element {
   border-left: 1px solid #d4dadd;

docs/base.js

@@ -15151,7 +15151,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
 
         return BI.createWidget({
             type: "bi.center",
-            cls: "list-view-toolbar bi-border-top",
+            cls: "list-view-toolbar bi-high-light bi-border-top",
             height: 30,
             items: BI.createItems(o.buttons, {
                 once: false,

docs/case.js

@@ -6991,7 +6991,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, {
 
         this.buttongroup = BI.createWidget({
             type: "bi.button_group",
-            cls: "list-view-toolbar bi-border-top",
+            cls: "list-view-toolbar bi-high-light bi-border-top",
             height: 30,
             items: BI.createItems(text, {
                 type: "bi.text_button",

docs/widget.css

@@ -242,7 +242,6 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-multi-select-check-pane .multi-select-check-selected {
-  color: #3f8ce8;
   text-decoration: underline;
 }
 /****添加计算宽度的--运算符直接需要space****/
@@ -275,7 +274,6 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-multi-select-check-selected-button {
-  color: #3f8ce8;
   z-index: 1;
 }
 /****添加计算宽度的--运算符直接需要space****/

docs/widget.js

@@ -9387,7 +9387,7 @@ BI.MultiSelectCheckPane = BI.inherit(BI.Widget, {
         this.continueSelect = BI.createWidget({
             type: 'bi.text_button',
             text: BI.i18nText('BI-Continue_Select'),
-            cls: 'multi-select-check-selected'
+            cls: 'multi-select-check-selected bi-high-light'
         });
 
         this.continueSelect.on(BI.TextButton.EVENT_CHANGE, function () {
@@ -10560,7 +10560,7 @@ BI.MultiSelectCheckSelectedButton = BI.inherit(BI.Single, {
 
     _defaultConfig: function () {
         return BI.extend(BI.MultiSelectCheckSelectedButton.superclass._defaultConfig.apply(this, arguments), {
-            baseCls: 'bi-multi-select-check-selected-button',
+            baseCls: 'bi-multi-select-check-selected-button bi-high-light',
             itemsCreator: BI.emptyFn
         });
     },

src/base/layer/layer.popup.js

@@ -127,7 +127,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
 
         return BI.createWidget({
             type: "bi.center",
-            cls: "list-view-toolbar bi-border-top",
+            cls: "list-view-toolbar bi-high-light bi-border-top",
             height: 30,
             items: BI.createItems(o.buttons, {
                 once: false,

src/case/layer/layer.multipopup.js

@@ -34,7 +34,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, {
 
         this.buttongroup = BI.createWidget({
             type: "bi.button_group",
-            cls: "list-view-toolbar bi-border-top",
+            cls: "list-view-toolbar bi-high-light bi-border-top",
             height: 30,
             items: BI.createItems(text, {
                 type: "bi.text_button",

src/css/base/view/popupview.css

@@ -16,7 +16,6 @@
 }
 .bi-list-view .list-view-toolbar {
   line-height: 30px;
-  color: #3f8ce8;
 }
 .bi-list-view .list-view-toolbar > .center-element {
   border-left: 1px solid #d4dadd;

src/css/resource/background.css

@@ -3,14 +3,19 @@
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png');
   _background: none;
 }
+.bi-theme-dark .base-line-conn-background {
+  background: url('icon/dark/tree-vertical-line-1.png') repeat-y 0 0;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-1.png');
+  _background: none;
+}
 .first-line-conn-background {
   background: url('icon/tree-vertical-line-2.png') no-repeat center center;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
   _background: none;
 }
-.last-line-conn-background {
+.bi-theme-dark .base-line-conn-background {
-  background: url('icon/tree-vertical-line-4.png') no-repeat center center;
+  background: url('icon/dark/tree-vertical-line-2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
   _background: none;
 }
 .mid-line-conn-background {
@@ -18,506 +23,23 @@
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
   _background: none;
 }
-.loading-background {
+.bi-theme-dark .base-line-conn-background {
-  background: url('icon/loading.gif') no-repeat center center;
+  background: url('icon/dark/tree-vertical-line-3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
-  _background: none;
-}
-.loading-background-f25 {
-  background: url('background/F.25.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/F.25.gif');
-  _background: none;
-}
-.loading-background-e50 {
-  background: url('background/E.50.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/E.50.gif');
-  _background: none;
-}
-.loading-background-d100 {
-  background: url('background/D.100.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/D.100.gif');
-  _background: none;
-}
-.axis-tip-background {
-  background: url('background/charts/axis.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-accu-tip-background {
-  background: url('background/charts/axis_accu.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_accu.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-percent-tip-background {
-  background: url('background/charts/axis_percent.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_percent.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-compare-tip-background {
-  background: url('background/charts/axis_compare.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_compare.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-fall-tip-background {
-  background: url('background/charts/axis_fall.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_fall.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bubble-tip-background {
-  background: url('background/charts/bubble.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bubble-force-tip-background {
-  background: url('background/charts/bubble_force.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble_force.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.dashboard-tip-background {
-  background: url('background/charts/dashboard.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/dashboard.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.donut-tip-background {
-  background: url('background/charts/donut.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/donut.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.funnel-tip-background {
-  background: url('background/charts/funnel.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/funnel.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-tip-background {
-  background: url('background/charts/map.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-gis-tip-background {
-  background: url('background/charts/map_gis.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_gis.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-svg-tip-background {
-  background: url('background/charts/map_svg.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-svg-c-tip-background {
-  background: url('background/charts/map_svg_c.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_c.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-svg-g-tip-background {
-  background: url('background/charts/map_svg_g.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_g.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.pie-tip-background {
-  background: url('background/charts/pie.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/pie.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.radar-tip-background {
-  background: url('background/charts/radar.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.radar-accu-tip-background {
-  background: url('background/charts/radar_accu.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar_accu.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-tip-background {
-  background: url('background/charts/area.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-accu-tip-background {
-  background: url('background/charts/area_accu.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_accu.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-compare-tip-background {
-  background: url('background/charts/area_compare.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_compare.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-percent-tip-background {
-  background: url('background/charts/area_percent.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_percent.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-range-tip-background {
-  background: url('background/charts/area_range.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_range.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bar-tip-background {
-  background: url('background/charts/bar.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bar-accu-tip-background {
-  background: url('background/charts/bar_accu.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_accu.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bar-compare-tip-background {
-  background: url('background/charts/bar_compare.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_compare.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.combine-tip-background {
-  background: url('background/charts/combine.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.combine-m-tip-background {
-  background: url('background/charts/combine_m.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine_m.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.line-tip-background {
-  background: url('background/charts/line.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/line.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.scatter-tip-background {
-  background: url('background/charts/scatter.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/scatter.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.table-complex-tip-background {
-  background: url('background/charts/table_complex.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_complex.png');
   _background: none;
-  background-color: #ffffff;
-  z-index: 2;
 }
-.table-cross-tip-background {
+.last-line-conn-background {
-  background: url('background/charts/table_cross.png') no-repeat center center;
+  background: url('icon/tree-vertical-line-4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_cross.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.table-group-tip-background {
-  background: url('background/charts/table_group.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_group.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.table-detail-tip-background {
-  background: url('background/charts/table_detail.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_detail.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-text-tip-background {
-  background: url('background/charts/text/axis_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-accu-text-tip-background {
-  background: url('background/charts/text/axis_accu_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_accu_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-percent-text-tip-background {
-  background: url('background/charts/text/axis_percent_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_percent_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-compare-text-tip-background {
-  background: url('background/charts/text/axis_compare_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_compare_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.axis-fall-text-tip-background {
-  background: url('background/charts/text/axis_fall_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_fall_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bubble-text-tip-background {
-  background: url('background/charts/text/bubble_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bubble-force-text-tip-background {
-  background: url('background/charts/text/bubble_force_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_force_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.dashboard-text-tip-background {
-  background: url('background/charts/text/dashboard_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/dashboard_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.donut-text-tip-background {
-  background: url('background/charts/text/donut_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/donut_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.funnel-text-tip-background {
-  background: url('background/charts/text/funnel_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/funnel_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-text-tip-background {
-  background: url('background/charts/text/map_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-gis-text-tip-background {
-  background: url('background/charts/text/map_gis_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_gis_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-svg-text-tip-background {
-  background: url('background/charts/text/map_svg_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-svg-c-text-tip-background {
-  background: url('background/charts/text/map_svg_c_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_c_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.map-svg-g-text-tip-background {
-  background: url('background/charts/text/map_svg_g_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_g_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.pie-text-tip-background {
-  background: url('background/charts/text/pie_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/pie_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.radar-text-tip-background {
-  background: url('background/charts/text/radar_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.radar-accu-text-tip-background {
-  background: url('background/charts/text/radar_accu_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_accu_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-text-tip-background {
-  background: url('background/charts/text/area_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-accu-text-tip-background {
-  background: url('background/charts/text/area_accu_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_accu_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-compare-text-tip-background {
-  background: url('background/charts/text/area_compare_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_compare_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-percent-text-tip-background {
-  background: url('background/charts/text/area_percent_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_percent_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.area-range-text-tip-background {
-  background: url('background/charts/text/area_range_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_range_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bar-text-tip-background {
-  background: url('background/charts/text/bar_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bar-accu-text-tip-background {
-  background: url('background/charts/text/bar_accu_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_accu_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.bar-compare-text-tip-background {
-  background: url('background/charts/text/bar_compare_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_compare_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.combine-text-tip-background {
-  background: url('background/charts/text/combine_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.combine-m-text-tip-background {
-  background: url('background/charts/text/combine_m_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_m_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.line-text-tip-background {
-  background: url('background/charts/text/line_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/line_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.scatter-text-tip-background {
-  background: url('background/charts/text/text/scatter_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/text/scatter_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.table-complex-text-tip-background {
-  background: url('background/charts/text/table_complex_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_complex_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.table-cross-text-tip-background {
-  background: url('background/charts/text/table_cross_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_cross_text.png');
-  _background: none;
-  background-color: #ffffff;
-  z-index: 2;
-}
-.table-group-text-tip-background {
-  background: url('background/charts/text/table_group_text.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_group_text.png');
   _background: none;
-  background-color: #ffffff;
-  z-index: 2;
 }
-.table-detail-text-tip-background {
+.bi-theme-dark .base-line-conn-background {
-  background: url('background/charts/text/table_detail_text.png') no-repeat center center;
+  background: url('icon/dark/tree-vertical-line-4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_detail_text.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
   _background: none;
-  background-color: #ffffff;
-  z-index: 2;
 }
-.data-miss-background {
+.loading-background {
-  background: url('background/data_miss.png') no-repeat center center;
+  background: url('icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/data_miss.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif');
   _background: none;
-  background-color: #ffffff;
-  z-index: 2;
 }

src/css/resource/third/ztree/zTreeStyle.css

@@ -34,6 +34,9 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li ul.line {
   background: url("icon/tree-vertical-line-1.png") 0 0 repeat-y;
 }
+.bi-theme-dark .ztree li ul.line {
+  background: url("icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;
+}
 .ztree li a {
   padding: 1px 3px 0 0;
   margin: 0;
@@ -163,27 +166,51 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li span.button.root_open {
   background-image: url("icon/tree-expand-1.png");
 }
+.bi-theme-dark .ztree li span.button.root_open {
+  background-image: url("icon/dark/tree-expand-1.png");
+}
 .ztree li span.button.root_close {
   background-image: url("icon/tree-collapse-1.png");
 }
+.bi-theme-dark .ztree li span.button.root_close {
+  background-image: url("icon/dark/tree-collapse-1.png");
+}
 .ztree li span.button.roots_open {
   background-image: url("icon/tree-expand-2.png");
 }
+.bi-theme-dark .ztree li span.button.roots_open {
+  background-image: url("icon/dark/tree-expand-2.png");
+}
 .ztree li span.button.roots_close {
   background-image: url("icon/tree-collapse-2.png");
 }
+.bi-theme-dark .ztree li span.button.roots_close {
+  background-image: url("icon/dark/tree-collapse-2.png");
+}
 .ztree li span.button.center_open {
   background-image: url("icon/tree-expand-3.png");
 }
+.bi-theme-dark .ztree li span.button.center_open {
+  background-image: url("icon/dark/tree-expand-3.png");
+}
 .ztree li span.button.center_close {
   background-image: url("icon/tree-collapse-3.png");
 }
+.bi-theme-dark .ztree li span.button.center_close {
+  background-image: url("icon/dark/tree-collapse-3.png");
+}
 .ztree li span.button.bottom_open {
   background-image: url("icon/tree-expand-4.png");
 }
+.bi-theme-dark .ztree li span.button.bottom_open {
+  background-image: url("icon/dark/tree-expand-4.png");
+}
 .ztree li span.button.bottom_close {
   background-image: url("icon/tree-collapse-4.png");
 }
+.bi-theme-dark .ztree li span.button.bottom_close {
+  background-image: url("icon/dark/tree-collapse-4.png");
+}
 .ztree li span.button.noline_open {
   background-position: -92px -72px;
 }
@@ -196,12 +223,21 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li span.button.roots_docu {
   background-image: url("icon/tree-vertical-line-2.png");
 }
+.bi-theme-dark .ztree li span.button.roots_docu {
+  background-image: url("icon/dark/tree-vertical-line-2.png");
+}
 .ztree li span.button.center_docu {
   background-image: url("icon/tree-vertical-line-3.png");
 }
+.bi-theme-dark .ztree li span.button.center_docu {
+  background-image: url("icon/dark/tree-vertical-line-3.png");
+}
 .ztree li span.button.bottom_docu {
   background-image: url("icon/tree-vertical-line-4.png");
 }
+.bi-theme-dark .ztree li span.button.bottom_docu {
+  background-image: url("icon/dark/tree-vertical-line-4.png");
+}
 .ztree li span.button.noline_docu {
   background: none;
 }

src/css/widget/multiselect/check/multiselect.check.pane.css

@@ -2,6 +2,5 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-multi-select-check-pane .multi-select-check-selected {
-  color: #3f8ce8;
   text-decoration: underline;
 }

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

@@ -2,6 +2,5 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .bi-multi-select-check-selected-button {
-  color: #3f8ce8;
   z-index: 1;
 }

src/less/base/view/popupview.less

@@ -12,7 +12,6 @@
   }
   & .list-view-toolbar {
     line-height: 30px;
-    color: @color-bi-text-highlight;
     & > .center-element {
       border-left: 1px solid @color-bi-border-line;
     }

src/less/lib/background.less

@@ -1,76 +1 @@
-//34个
+@background-loading: "icon/loading.gif";
-@background-tip-axis: "background/charts/axis.png";
-@background-tip-axis-accu: "background/charts/axis_accu.png";
-@background-tip-axis-percent: "background/charts/axis_percent.png";
-@background-tip-axis-compare: "background/charts/axis_compare.png";
-@background-tip-axis-fall: "background/charts/axis_fall.png";
-@background-tip-bubble: "background/charts/bubble.png";
-@background-tip-bubble-force: "background/charts/bubble_force.png";
-@background-tip-dashboard: "background/charts/dashboard.png";
-@background-tip-donut: "background/charts/donut.png";
-@background-tip-funnel: "background/charts/funnel.png";
-@background-tip-map: "background/charts/map.png";
-@background-tip-map-gis: "background/charts/map_gis.png";
-@background-tip-map-svg: "background/charts/map_svg.png";
-@background-tip-map-svg-c: "background/charts/map_svg_c.png";
-@background-tip-map-svg-g: "background/charts/map_svg_g.png";
-@background-tip-pie: "background/charts/pie.png";
-@background-tip-radar: "background/charts/radar.png";
-@background-tip-radar-accu: "background/charts/radar_accu.png";
-@background-tip-area: "background/charts/area.png";
-@background-tip-area-accu: "background/charts/area_accu.png";
-@background-tip-area-compare: "background/charts/area_compare.png";
-@background-tip-area-percent: "background/charts/area_percent.png";
-@background-tip-area-range: "background/charts/area_range.png";
-@background-tip-bar: "background/charts/bar.png";
-@background-tip-bar-accu: "background/charts/bar_accu.png";
-@background-tip-bar-compare: "background/charts/bar_compare.png";
-@background-tip-combine: "background/charts/combine.png";
-@background-tip-combine-m: "background/charts/combine_m.png";
-@background-tip-line: "background/charts/line.png";
-@background-tip-scatter: "background/charts/scatter.png";
-@background-tip-table-complex: "background/charts/table_complex.png";
-@background-tip-table-cross: "background/charts/table_cross.png";
-@background-tip-table-group: "background/charts/table_group.png";
-@background-tip-table-detail: "background/charts/table_detail.png";
-
-@background-tip-axis-text: "background/charts/text/axis_text.png";
-@background-tip-axis-accu-text: "background/charts/text/axis_accu_text.png";
-@background-tip-axis-percent-text: "background/charts/text/axis_percent_text.png";
-@background-tip-axis-compare-text: "background/charts/text/axis_compare_text.png";
-@background-tip-axis-fall-text: "background/charts/text/axis_fall_text.png";
-@background-tip-bubble-text: "background/charts/text/bubble_text.png";
-@background-tip-bubble-force-text: "background/charts/text/bubble_force_text.png";
-@background-tip-dashboard-text: "background/charts/text/dashboard_text.png";
-@background-tip-donut-text: "background/charts/text/donut_text.png";
-@background-tip-funnel-text: "background/charts/text/funnel_text.png";
-@background-tip-map-text: "background/charts/text/map_text.png";
-@background-tip-map-gis-text: "background/charts/text/map_gis_text.png";
-@background-tip-map-svg-text: "background/charts/text/map_svg_text.png";
-@background-tip-map-svg-c-text: "background/charts/text/map_svg_c_text.png";
-@background-tip-map-svg-g-text: "background/charts/text/map_svg_g_text.png";
-@background-tip-pie-text: "background/charts/text/pie_text.png";
-@background-tip-radar-text: "background/charts/text/radar_text.png";
-@background-tip-radar-accu-text: "background/charts/text/radar_accu_text.png";
-@background-tip-area-text: "background/charts/text/area_text.png";
-@background-tip-area-accu-text: "background/charts/text/area_accu_text.png";
-@background-tip-area-compare-text: "background/charts/text/area_compare_text.png";
-@background-tip-area-percent-text: "background/charts/text/area_percent_text.png";
-@background-tip-area-range-text: "background/charts/text/area_range_text.png";
-@background-tip-bar-text: "background/charts/text/bar_text.png";
-@background-tip-bar-accu-text: "background/charts/text/bar_accu_text.png";
-@background-tip-bar-compare-text: "background/charts/text/bar_compare_text.png";
-@background-tip-combine-text: "background/charts/text/combine_text.png";
-@background-tip-combine-m-text: "background/charts/text/combine_m_text.png";
-@background-tip-line-text: "background/charts/text/line_text.png";
-@background-tip-scatter-text: "background/charts/text/text/scatter_text.png";
-@background-tip-table-complex-text: "background/charts/text/table_complex_text.png";
-@background-tip-table-cross-text: "background/charts/text/table_cross_text.png";
-@background-tip-table-group-text: "background/charts/text/table_group_text.png";
-@background-tip-table-detail-text: "background/charts/text/table_detail_text.png";
-
-@background-tip-no-data: "background/data_miss.png";
-
-@background-loading-f25: "background/F.25.gif";
-@background-loading-e50: "background/E.50.gif";
-@background-loading-d100: "background/D.100.gif";

src/less/lib/icon.less

@@ -25,166 +25,21 @@
 @icon-tree-vertical-line-3: "icon/tree-vertical-line-3.png";
 @icon-tree-vertical-line-4: "icon/tree-vertical-line-4.png";
 
-@icon-loading-bar: "icon/loading_bar.gif";
+@icon-tree-expand-type1-theme-dark: "icon/dark/tree-expand-1.png";
+@icon-tree-expand-type2-theme-dark: "icon/dark/tree-expand-2.png";
+@icon-tree-expand-type3-theme-dark: "icon/dark/tree-expand-3.png";
+@icon-tree-expand-type4-theme-dark: "icon/dark/tree-expand-4.png";
 
-@icon-drag-helper: "icon/drag_helper.png";
+@icon-tree-collapse-type1-theme-dark: "icon/dark/tree-collapse-1.png";
+@icon-tree-collapse-type2-theme-dark: "icon/dark/tree-collapse-2.png";
+@icon-tree-collapse-type3-theme-dark: "icon/dark/tree-collapse-3.png";
+@icon-tree-collapse-type4-theme-dark: "icon/dark/tree-collapse-4.png";
 
-@icon-left-join: "icon/left-join.png";
+@icon-tree-vertical-line-1-theme-dark: "icon/dark/tree-vertical-line-1.png";
-@icon-right-join: "icon/right-join.png";
+@icon-tree-vertical-line-2-theme-dark: "icon/dark/tree-vertical-line-2.png";
-@icon-inner-join: "icon/inner-join.png";
+@icon-tree-vertical-line-3-theme-dark: "icon/dark/tree-vertical-line-3.png";
-@icon-outer-join: "icon/outer-join.png";
+@icon-tree-vertical-line-4-theme-dark: "icon/dark/tree-vertical-line-4.png";
-@icon-union: "icon/union.png";
-@icon-test-fail: "icon/test_fail.png";
-@icon-test-success: "icon/test_success.png";
 
-@icon-business-package: "icon/business_package.png";
+@icon-loading-bar: "icon/loading_bar.gif";
-@icon-business-package-add: "icon/business_package_add.png";
-@icon-business-package-add-disable: "icon/business_package_add_disable.png";
 
 @icon-loading: "icon/loading.gif";
-
-@icon-report: "icon/report.png";
-@icon-real-time: "icon/real_time.png";
-
-@icon-business-package-selected: "icon/package_selected.png";
-
-@icon-table-style1: "icon/table_style_1.png";
-@icon-table-style2: "icon/table_style_2.png";
-@icon-table-style3: "icon/table_style_3.png";
-
-@icon-address-marker-small: "icon/chartsetting/address_marker_small.png";
-@icon-address-marker-big: "icon/chartsetting/address_marker_big.png";
-@icon-axis-chart-style-normal: "icon/chartsetting/icon_style_normal.png";
-@icon-axis-chart-style-3d: "icon/chartsetting/icon_style_3d.png";
-@icon-axis-chart-style-gradual-highlight: "icon/chartsetting/icon_gradual_highlight.png";
-@icon-axis-chart-style-gradual: "icon/chartsetting/icon_style_gradual.png";
-@icon-axis-chart-style-transparent: "icon/chartsetting/icon_style_transparent.png";
-@icon-line-chart-type-vertical: "icon/chartsetting/icon_style_line_vertical.png";
-@icon-line-chart-type-curve: "icon/chartsetting/icon_style_line_curve.png";
-@icon-line-chart-type-broken: "icon/chartsetting/icon_style_line_broken.png";
-@icon-area-chart-type-vertical: "icon/chartsetting/icon_style_area_vertical.png";
-@icon-area-chart-type-curve: "icon/chartsetting/icon_style_area_curve.png";
-@icon-area-chart-type-broken: "icon/chartsetting/icon_style_area_broken.png";
-@icon-pie-chart-type-normal: "icon/chartsetting/icon_style_pie_normal.png";
-@icon-pie-chart-type-equal-arc-rose: "icon/chartsetting/icon_style_pie_equal_arc_rose.png";
-@icon-pie-chart-type-not-equal-arc-rose: "icon/chartsetting/icon_style_pie_not_equal_arc_rose.png";
-@icon-radar-chart-type-polygon: "icon/chartsetting/icon_style_radar_polygon.png";
-@icon-acc_radar-chart-type-circle: "icon/chartsetting/icon_style_acc_radar_circle.png";
-@icon-acc_radar-chart-type-polygon: "icon/chartsetting/icon_style_acc_radar_polygon.png";
-@icon-radar-chart-type-circle: "icon/chartsetting/icon_style_radar_circle.png";
-@icon-dashboard-chart-type-360: "icon/chartsetting/icon_dashboard_1.png";
-@icon-dashboard-chart-type-180: "icon/chartsetting/icon_dashboard_2.png";
-@icon-dashboard-chart-type-percent: "icon/chartsetting/icon_dashboard_4.png";
-@icon-dashboard-chart-type-percent-scale-slot: "icon/chartsetting/icon_dashboard_5.png";
-@icon-dashboard-chart-type-vertical-tube: "icon/chartsetting/icon_dashboard_6.png";
-@icon-dashboard-chart-type-horizontal-tube: "icon/chartsetting/icon_dashboard_7.png";
-
-@icon-example-excel: "icon/example.png";
-
-@icon-error: "icon/no_data.png";
-
-//drag icons --start--
-@icon-drag-group: "icon/drag/icon_group.png";
-@icon-drag-cross: "icon/drag/icon_cross.png";
-@icon-drag-complex: "icon/drag/icon_complex.png";
-@icon-drag-axis: "icon/drag/icon_axis.png";
-@icon-drag-axis-a: "icon/drag/icon_axis_a.png";
-@icon-drag-axis-pa: "icon/drag/icon_axis_pa.png";
-@icon-drag-axis-c: "icon/drag/icon_axis_c.png";
-@icon-drag-axis-f: "icon/drag/icon_axis_f.png";
-@icon-drag-bar: "icon/drag/icon_bar.png";
-@icon-drag-bar-a: "icon/drag/icon_bar_a.png";
-@icon-drag-bar-c: "icon/drag/icon_bar_c.png";
-@icon-drag-area: "icon/drag/icon_area.png";
-@icon-drag-area-a: "icon/drag/icon_area_a.png";
-@icon-drag-area-pa: "icon/drag/icon_area_pa.png";
-@icon-drag-area-c: "icon/drag/icon_area_c.png";
-@icon-drag-area-r: "icon/drag/icon_area_r.png";
-@icon-drag-combine: "icon/drag/icon_combine.png";
-@icon-drag-combine-m: "icon/drag/icon_combine_m.png";
-@icon-drag-line: "icon/drag/icon_line.png";
-@icon-drag-pie: "icon/drag/icon_pie.png";
-@icon-drag-donut: "icon/drag/icon_donut.png";
-@icon-drag-map-c: "icon/drag/icon_map_c.png";
-@icon-drag-map-g: "icon/drag/icon_map_g.png";
-@icon-drag-map-s: "icon/drag/icon_map_s.png";
-@icon-drag-map-gis: "icon/drag/icon_map_gis.png";
-@icon-drag-dashboard: "icon/drag/icon_dashboard.png";
-@icon-drag-radar: "icon/drag/icon_radar.png";
-@icon-drag-radar-a: "icon/drag/icon_radar_a.png";
-@icon-drag-bubble: "icon/drag/icon_bubble.png";
-@icon-drag-bubble-f: "icon/drag/icon_bubble_f.png";
-@icon-drag-scatter: "icon/drag/icon_scatter.png";
-@icon-drag-funnel: "icon/drag/icon_funnel.png";
-
-//纯色
-@icon-drag-detail: "icon/drag/pure/icon_detail.png";
-@icon-drag-input: "icon/drag/pure/icon_input.png";
-@icon-drag-web: "icon/drag/pure/icon_web.png";
-@icon-drag-image: "icon/drag/pure/icon_image.png";
-@icon-drag-string: "icon/drag/pure/icon_string.png";
-@icon-drag-number: "icon/drag/pure/icon_number.png";
-@icon-drag-tree: "icon/drag/pure/icon_tree.png";
-@icon-drag-date: "icon/drag/pure/icon_date.png";
-@icon-drag-year: "icon/drag/pure/icon_year.png";
-@icon-drag-year-m: "icon/drag/pure/icon_year_m.png";
-@icon-drag-year-s: "icon/drag/pure/icon_year_s.png";
-@icon-drag-year-m-d: "icon/drag/pure/icon_year_m_d.png";
-@icon-drag-query-g: "icon/drag/pure/icon_query_g.png";
-@icon-drag-query: "icon/drag/pure/icon_query.png";
-@icon-drag-reset: "icon/drag/pure/icon_reset.png";
-@icon-drag-reuse: "icon/drag/pure/icon_reuse.png";
-
-//drag icons --end--
-
-
-//小号的组件图标 16x16 一般用于list中 ----start----
-@icon-drag-group-small: "icon/drag/small/icon_group.png";
-@icon-drag-cross-small: "icon/drag/small/icon_cross.png";
-@icon-drag-complex-small: "icon/drag/small/icon_complex.png";
-@icon-drag-axis-small: "icon/drag/small/icon_axis.png";
-@icon-drag-axis-a-small: "icon/drag/small/icon_axis_a.png";
-@icon-drag-axis-pa-small: "icon/drag/small/icon_axis_pa.png";
-@icon-drag-axis-c-small: "icon/drag/small/icon_axis_c.png";
-@icon-drag-axis-f-small: "icon/drag/small/icon_axis_f.png";
-@icon-drag-bar-small: "icon/drag/small/icon_bar.png";
-@icon-drag-bar-a-small: "icon/drag/small/icon_bar_a.png";
-@icon-drag-bar-c-small: "icon/drag/small/icon_bar_c.png";
-@icon-drag-area-small: "icon/drag/small/icon_area.png";
-@icon-drag-area-a-small: "icon/drag/small/icon_area_a.png";
-@icon-drag-area-pa-small: "icon/drag/small/icon_area_pa.png";
-@icon-drag-area-c-small: "icon/drag/small/icon_area_c.png";
-@icon-drag-area-r-small: "icon/drag/small/icon_area_r.png";
-@icon-drag-combine-small: "icon/drag/small/icon_combine.png";
-@icon-drag-combine-m-small: "icon/drag/small/icon_combine_m.png";
-@icon-drag-line-small: "icon/drag/small/icon_line.png";
-@icon-drag-pie-small: "icon/drag/small/icon_pie.png";
-@icon-drag-donut-small: "icon/drag/small/icon_donut.png";
-@icon-drag-map-c-small: "icon/drag/small/icon_map_c.png";
-@icon-drag-map-g-small: "icon/drag/small/icon_map_g.png";
-@icon-drag-map-s-small: "icon/drag/small/icon_map_s.png";
-@icon-drag-map-gis-small: "icon/drag/small/icon_map_gis.png";
-@icon-drag-dashboard-small: "icon/drag/small/icon_dashboard.png";
-@icon-drag-radar-small: "icon/drag/small/icon_radar.png";
-@icon-drag-radar-a-small: "icon/drag/small/icon_radar_a.png";
-@icon-drag-bubble-small: "icon/drag/small/icon_bubble.png";
-@icon-drag-bubble-f-small: "icon/drag/small/icon_bubble_f.png";
-@icon-drag-scatter-small: "icon/drag/small/icon_scatter.png";
-@icon-drag-funnel-small: "icon/drag/small/icon_funnel.png";
-
-@icon-drag-detail-small: "icon/drag/small/icon_detail.png";
-@icon-drag-input-small: "icon/drag/small/icon_input.png";
-@icon-drag-web-small: "icon/drag/small/icon_web.png";
-@icon-drag-image-small: "icon/drag/small/icon_image.png";
-
-//小号的组件图标 16x16 一般用于list中 ----end----
-
-
-@icon-dots: "icon/dots.png";
-
-//bubble style
-@icon-bubble-no-projector: "icon/bubble_no_projector.png";
-@icon-bubble-with-projector: "icon/bubble_projector.png";
-
-@icon-push-up: "icon/push_up.png";
-@icon-push-down: "icon/push_down.png";

src/less/resource/background.less

@@ -6,447 +6,42 @@
   .imagePath(@icon-tree-vertical-line-1, 0, 0, repeat-y);
 }
 
-.first-line-conn-background {
+.bi-theme-dark{
-  .imagePath(@icon-tree-vertical-line-2);
+  .base-line-conn-background {
-}
+    .imagePath(@icon-tree-vertical-line-1-theme-dark, 0, 0, repeat-y);
-
-.last-line-conn-background {
-  .imagePath(@icon-tree-vertical-line-4);
-}
-
-.mid-line-conn-background {
-  .imagePath(@icon-tree-vertical-line-3);
-}
-
-.loading-background {
-  .imagePath(@icon-loading);
-}
-
-.loading-background-f25 {
-  .imagePath(@background-loading-f25);
-}
-
-.loading-background-e50 {
-  .imagePath(@background-loading-e50);
-}
-
-.loading-background-d100 {
-  .imagePath(@background-loading-d100);
-}
-
-//表格、图表中的提示图标背景 -- start --
-.axis-tip-background {
-  .imagePath(@background-tip-axis);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-accu-tip-background {
-  .imagePath(@background-tip-axis-accu);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-percent-tip-background {
-  .imagePath(@background-tip-axis-percent);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-compare-tip-background {
-  .imagePath(@background-tip-axis-compare);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-fall-tip-background {
-  .imagePath(@background-tip-axis-fall);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.bubble-tip-background {
-  .imagePath(@background-tip-bubble);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.bubble-force-tip-background {
-  .imagePath(@background-tip-bubble-force);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.dashboard-tip-background {
-  .imagePath(@background-tip-dashboard);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.donut-tip-background {
-  .imagePath(@background-tip-donut);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.funnel-tip-background {
-  .imagePath(@background-tip-funnel);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-tip-background {
-  .imagePath(@background-tip-map);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-gis-tip-background {
-  .imagePath(@background-tip-map-gis);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-svg-tip-background {
-  .imagePath(@background-tip-map-svg);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-svg-c-tip-background {
-  .imagePath(@background-tip-map-svg-c);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-svg-g-tip-background {
-  .imagePath(@background-tip-map-svg-g);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.pie-tip-background {
-  .imagePath(@background-tip-pie);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.radar-tip-background {
-  .imagePath(@background-tip-radar);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.radar-accu-tip-background {
-  .imagePath(@background-tip-radar-accu);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-tip-background {
-  .imagePath(@background-tip-area);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-accu-tip-background {
-  .imagePath(@background-tip-area-accu);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-compare-tip-background {
-  .imagePath(@background-tip-area-compare);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-percent-tip-background {
-  .imagePath(@background-tip-area-percent);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-range-tip-background {
-  .imagePath(@background-tip-area-range);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.bar-tip-background {
-  .imagePath(@background-tip-bar);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.bar-accu-tip-background {
-  .imagePath(@background-tip-bar-accu);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.bar-compare-tip-background {
-  .imagePath(@background-tip-bar-compare);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.combine-tip-background {
-  .imagePath(@background-tip-combine);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.combine-m-tip-background {
-  .imagePath(@background-tip-combine-m);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.line-tip-background {
-  .imagePath(@background-tip-line);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.scatter-tip-background {
-  .imagePath(@background-tip-scatter);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.table-complex-tip-background {
-  .imagePath(@background-tip-table-complex);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.table-cross-tip-background {
-  .imagePath(@background-tip-table-cross);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.table-group-tip-background {
-  .imagePath(@background-tip-table-group);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.table-detail-tip-background {
-  .imagePath(@background-tip-table-detail);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-text-tip-background {
-  .imagePath(@background-tip-axis-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-accu-text-tip-background {
-  .imagePath(@background-tip-axis-accu-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-percent-text-tip-background {
-  .imagePath(@background-tip-axis-percent-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-compare-text-tip-background {
-  .imagePath(@background-tip-axis-compare-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.axis-fall-text-tip-background {
-  .imagePath(@background-tip-axis-fall-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.bubble-text-tip-background {
-  .imagePath(@background-tip-bubble-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.bubble-force-text-tip-background {
-  .imagePath(@background-tip-bubble-force-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.dashboard-text-tip-background {
-  .imagePath(@background-tip-dashboard-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.donut-text-tip-background {
-  .imagePath(@background-tip-donut-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.funnel-text-tip-background {
-  .imagePath(@background-tip-funnel-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-text-tip-background {
-  .imagePath(@background-tip-map-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-gis-text-tip-background {
-  .imagePath(@background-tip-map-gis-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-svg-text-tip-background {
-  .imagePath(@background-tip-map-svg-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-svg-c-text-tip-background {
-  .imagePath(@background-tip-map-svg-c-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.map-svg-g-text-tip-background {
-  .imagePath(@background-tip-map-svg-g-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.pie-text-tip-background {
-  .imagePath(@background-tip-pie-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.radar-text-tip-background {
-  .imagePath(@background-tip-radar-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.radar-accu-text-tip-background {
-  .imagePath(@background-tip-radar-accu-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-text-tip-background {
-  .imagePath(@background-tip-area-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-accu-text-tip-background {
-  .imagePath(@background-tip-area-accu-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-compare-text-tip-background {
-  .imagePath(@background-tip-area-compare-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-percent-text-tip-background {
-  .imagePath(@background-tip-area-percent-text);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.area-range-text-tip-background {
-  .imagePath(@background-tip-area-range-text);
-  background-color: #ffffff;
-  z-index: 2;
   }
-
-.bar-text-tip-background {
-  .imagePath(@background-tip-bar-text);
-  background-color: #ffffff;
-  z-index: 2;
 }
 
-.bar-accu-text-tip-background {
+.first-line-conn-background {
-  .imagePath(@background-tip-bar-accu-text);
+  .imagePath(@icon-tree-vertical-line-2);
-  background-color: #ffffff;
-  z-index: 2;
-}
-
-.bar-compare-text-tip-background {
-  .imagePath(@background-tip-bar-compare-text);
-  background-color: #ffffff;
-  z-index: 2;
 }
 
-.combine-text-tip-background {
+.bi-theme-dark{
-  .imagePath(@background-tip-combine-text);
+  .base-line-conn-background {
-  background-color: #ffffff;
+    .imagePath(@icon-tree-vertical-line-2-theme-dark);
-  z-index: 2;
   }
-
-.combine-m-text-tip-background {
-  .imagePath(@background-tip-combine-m-text);
-  background-color: #ffffff;
-  z-index: 2;
 }
 
-.line-text-tip-background {
+.mid-line-conn-background {
-  .imagePath(@background-tip-line-text);
+  .imagePath(@icon-tree-vertical-line-3);
-  background-color: #ffffff;
-  z-index: 2;
 }
 
-.scatter-text-tip-background {
+.bi-theme-dark{
-  .imagePath(@background-tip-scatter-text);
+  .base-line-conn-background {
-  background-color: #ffffff;
+    .imagePath(@icon-tree-vertical-line-3-theme-dark);
-  z-index: 2;
   }
-
-.table-complex-text-tip-background {
-  .imagePath(@background-tip-table-complex-text);
-  background-color: #ffffff;
-  z-index: 2;
 }
 
-.table-cross-text-tip-background {
+.last-line-conn-background {
-  .imagePath(@background-tip-table-cross-text);
+  .imagePath(@icon-tree-vertical-line-4);
-  background-color: #ffffff;
-  z-index: 2;
 }
 
-.table-group-text-tip-background {
+.bi-theme-dark{
-  .imagePath(@background-tip-table-group-text);
+  .base-line-conn-background {
-  background-color: #ffffff;
+    .imagePath(@icon-tree-vertical-line-4-theme-dark);
-  z-index: 2;
   }
-
-.table-detail-text-tip-background {
-  .imagePath(@background-tip-table-detail-text);
-  background-color: #ffffff;
-  z-index: 2;
 }
 
-.data-miss-background {
+.loading-background {
-  .imagePath(@background-tip-no-data);
+  .imagePath(@icon-loading);
-  background-color: #ffffff;
-  z-index: 2;
 }
-
-//表格、图表中的提示图标背景 -- end --

src/less/resource/icon.less

@@ -14,6 +14,39 @@
 .icon(tree-vertical-line-type3, @icon-tree-vertical-line-3);
 .icon(tree-vertical-line-type4, @icon-tree-vertical-line-4);
 
+.bi-theme-dark{
+  .icon(tree-collapse-icon-type1, @icon-tree-collapse-type1-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-collapse-icon-type2, @icon-tree-collapse-type2-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-collapse-icon-type3, @icon-tree-collapse-type3-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-collapse-icon-type4, @icon-tree-collapse-type4-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-expand-icon-type1, @icon-tree-expand-type1-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-expand-icon-type2, @icon-tree-expand-type2-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-expand-icon-type3, @icon-tree-expand-type3-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-expand-icon-type4, @icon-tree-expand-type4-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-vertical-line-type2, @icon-tree-vertical-line-2-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-vertical-line-type3, @icon-tree-vertical-line-3-theme-dark);
+}
+.bi-theme-dark{
+  .icon(tree-vertical-line-type4, @icon-tree-vertical-line-4-theme-dark);
+}
 //CheckBox
 .icon_custom(check-box-icon, @icon-checkbox-normal, @icon-checkbox-normal, @icon-checkbox-active, @icon-checkbox-disable, @icon-checkbox-active-disable);
 //Radio
@@ -22,165 +55,3 @@
 //Half Select
 .icon(check-half-select-icon, @icon-half-select);
 
-.icon(loading-bar-icon, @icon-loading-bar);
-
-//join type
-.icon(left-join-icon, @icon-left-join);
-.icon(right-join-icon, @icon-right-join);
-.icon(inner-join-icon, @icon-inner-join);
-.icon(outer-join-icon, @icon-outer-join);
-
-.icon(data-link-test-fail-icon, @icon-test-fail);
-.icon(data-link-test-success-icon, @icon-test-success);
-
-.icon(business-package-icon, @icon-business-package);
-.icon(business-package-add-icon, @icon-business-package-add);
-.icon(business-package-add-disable-icon,@icon-business-package-add-disable);
-.icon(business-package-selected-icon, @icon-business-package-selected);
-.icon(card-view-report-icon, @icon-report);
-.icon(card-view-real-time-icon, @icon-real-time);
-
-//表格风格
-.icon(table-style1-icon, @icon-table-style1);
-.icon(table-style2-icon, @icon-table-style2);
-.icon(table-style3-icon, @icon-table-style3);
-
-//坐标轴图风格
-.icon(axis-chart-style-gradual-icon, @icon-axis-chart-style-gradual);
-.icon(axis-chart-style-gradual-highlight-icon, @icon-axis-chart-style-gradual-highlight);
-.icon(axis-chart-style-normal-icon, @icon-axis-chart-style-normal);
-.icon(axis-chart-style-transparent-icon, @icon-axis-chart-style-transparent);
-.icon(axis-chart-style-3d-icon, @icon-axis-chart-style-3d);
-
-//图类型
-.icon(line-chart-style-curve-icon, @icon-line-chart-type-curve);
-.icon(line-chart-style-broken-icon, @icon-line-chart-type-broken);
-.icon(line-chart-style-vertical-icon, @icon-line-chart-type-vertical);
-.icon(area-chart-style-curve-icon, @icon-area-chart-type-curve);
-.icon(area-chart-style-broken-icon, @icon-area-chart-type-broken);
-.icon(area-chart-style-vertical-icon, @icon-area-chart-type-vertical);
-.icon(pie-chart-style-normal-icon, @icon-pie-chart-type-normal);
-.icon(pie-chart-style-equal-arc-rose-icon, @icon-pie-chart-type-equal-arc-rose);
-.icon(pie-chart-style-not-equal-arc-rose-icon, @icon-pie-chart-type-not-equal-arc-rose);
-.icon(radar-chart-style-polygon-icon, @icon-radar-chart-type-polygon);
-.icon(acc_radar-chart-style-polygon-icon, @icon-acc_radar-chart-type-polygon);
-.icon(acc_radar-chart-style-circle-icon, @icon-acc_radar-chart-type-circle);
-.icon(radar-chart-style-circle-icon, @icon-radar-chart-type-circle);
-.icon(dashboard-chart-style-360-icon, @icon-dashboard-chart-type-360);
-.icon(dashboard-chart-style-180-icon, @icon-dashboard-chart-type-180);
-.icon(dashboard-chart-style-percent-icon, @icon-dashboard-chart-type-percent);
-.icon(dashboard-chart-style-percent-scale-slot-icon, @icon-dashboard-chart-type-percent-scale-slot);
-.icon(dashboard-chart-style-vertical-tube-icon, @icon-dashboard-chart-type-vertical-tube);
-.icon(dashboard-chart-style-horizontal-tube-icon, @icon-dashboard-chart-type-horizontal-tube);
-
-//示例excel
-.icon(example-excel-icon, @icon-example-excel);
-
-.icon(dimension-no-data-icon, @icon-error);
-
-//drag icons --start--
-.icon(drag-group-icon, @icon-drag-group);
-.icon(drag-cross-icon, @icon-drag-cross);
-.icon(drag-complex-icon, @icon-drag-complex);
-.icon(drag-axis-icon, @icon-drag-axis);
-.icon(drag-axis-accu-icon, @icon-drag-axis-a);
-.icon(drag-axis-percent-accu-icon, @icon-drag-axis-pa);
-.icon(drag-axis-compare-icon, @icon-drag-axis-c);
-.icon(drag-axis-fall-icon, @icon-drag-axis-f);
-.icon(drag-bar-icon, @icon-drag-bar);
-.icon(drag-bar-accu-icon, @icon-drag-bar-a);
-.icon(drag-bar-compare-icon, @icon-drag-bar-c);
-.icon(drag-area-icon, @icon-drag-area);
-.icon(drag-area-accu-icon, @icon-drag-area-a);
-.icon(drag-area-percent-accu-icon, @icon-drag-area-pa);
-.icon(drag-area-compare-icon, @icon-drag-area-c);
-.icon(drag-area-range-icon, @icon-drag-area-r);
-.icon(drag-combine-icon, @icon-drag-combine);
-.icon(drag-combine-mult-icon, @icon-drag-combine-m);
-.icon(drag-line-icon, @icon-drag-line);
-.icon(drag-pie-icon, @icon-drag-pie);
-.icon(drag-map-china-icon, @icon-drag-map-c);
-.icon(drag-map-global-icon, @icon-drag-map-g);
-.icon(drag-map-svg-icon, @icon-drag-map-s);
-.icon(drag-map-gis-icon, @icon-drag-map-gis);
-.icon(drag-dashboard-icon, @icon-drag-dashboard);
-.icon(drag-donut-icon, @icon-drag-donut);
-.icon(drag-radar-icon, @icon-drag-radar);
-.icon(drag-radar-accu-icon, @icon-drag-radar-a);
-.icon(drag-bubble-icon, @icon-drag-bubble);
-.icon(drag-bubble-force-icon, @icon-drag-bubble-f);
-.icon(drag-scatter-icon, @icon-drag-scatter);
-.icon(drag-funnel-icon, @icon-drag-funnel);
-
-.icon(drag-detail-icon, @icon-drag-detail);
-.icon(drag-input-icon, @icon-drag-input);
-.icon(drag-web-icon, @icon-drag-web);
-.icon(drag-image-icon, @icon-drag-image);
-.icon(drag-string-icon, @icon-drag-string);
-.icon(drag-number-icon, @icon-drag-number);
-.icon(drag-tree-icon, @icon-drag-tree);
-.icon(drag-date-icon, @icon-drag-date);
-.icon(drag-year-icon, @icon-drag-year);
-.icon(drag-year-month-icon, @icon-drag-year-m);
-.icon(drag-year-season-icon, @icon-drag-year-s);
-.icon(drag-ymd-icon, @icon-drag-year-m-d);
-.icon(drag-general-query-icon, @icon-drag-query-g);
-.icon(drag-query-icon, @icon-drag-query);
-.icon(drag-reset-icon, @icon-drag-reset);
-.icon(drag-reuse-icon, @icon-drag-reuse);
-
-//drag icons --end--
-
-
-
-//small drag icons --start--
-.icon(drag-group-small-icon, @icon-drag-group-small);
-.icon(drag-cross-small-icon, @icon-drag-cross-small);
-.icon(drag-complex-small-icon, @icon-drag-complex-small);
-.icon(drag-axis-small-icon, @icon-drag-axis-small);
-.icon(drag-axis-accu-small-icon, @icon-drag-axis-a-small);
-.icon(drag-axis-percent-accu-small-icon, @icon-drag-axis-pa-small);
-.icon(drag-axis-compare-small-icon, @icon-drag-axis-c-small);
-.icon(drag-axis-fall-small-icon, @icon-drag-axis-f-small);
-.icon(drag-bar-small-icon, @icon-drag-bar-small);
-.icon(drag-bar-accu-small-icon, @icon-drag-bar-a-small);
-.icon(drag-bar-compare-small-icon, @icon-drag-bar-c-small);
-.icon(drag-area-small-icon, @icon-drag-area-small);
-.icon(drag-area-accu-small-icon, @icon-drag-area-a-small);
-.icon(drag-area-percent-accu-small-icon, @icon-drag-area-pa-small);
-.icon(drag-area-compare-small-icon, @icon-drag-area-c-small);
-.icon(drag-area-range-small-icon, @icon-drag-area-r-small);
-.icon(drag-combine-small-icon, @icon-drag-combine-small);
-.icon(drag-combine-mult-small-icon, @icon-drag-combine-m-small);
-.icon(drag-line-small-icon, @icon-drag-line-small);
-.icon(drag-pie-small-icon, @icon-drag-pie-small);
-.icon(drag-map-china-small-icon, @icon-drag-map-c-small);
-.icon(drag-map-global-small-icon, @icon-drag-map-g-small);
-.icon(drag-map-svg-small-icon, @icon-drag-map-s-small);
-.icon(drag-map-gis-small-icon, @icon-drag-map-gis-small);
-.icon(drag-dashboard-small-icon, @icon-drag-dashboard-small);
-.icon(drag-donut-small-icon, @icon-drag-donut-small);
-.icon(drag-radar-small-icon, @icon-drag-radar-small);
-.icon(drag-radar-accu-small-icon, @icon-drag-radar-a-small);
-.icon(drag-bubble-small-icon, @icon-drag-bubble-small);
-.icon(drag-bubble-force-small-icon, @icon-drag-bubble-f-small);
-.icon(drag-scatter-small-icon, @icon-drag-scatter-small);
-.icon(drag-funnel-small-icon, @icon-drag-funnel-small);
-
-.icon(drag-detail-small-icon, @icon-drag-detail-small);
-.icon(drag-input-small-icon, @icon-drag-input-small);
-.icon(drag-web-small-icon, @icon-drag-web-small);
-.icon(drag-image-small-icon, @icon-drag-image-small);
-
-//small drag icon --- end ---
-
-.icon(error-face-icon, @icon-error);
-
-.icon(drag-tip-dots-icon, @icon-dots);
-
-//bubble style
-.icon(bubble-no-projector, @icon-bubble-no-projector);
-.icon(bubble-with-projector, @icon-bubble-with-projector);
-
-.icon(drill-push-down-icon, @icon-push-down);
-.icon(drill-push-up-icon, @icon-push-up);

src/less/resource/third/ztree/zTreeStyle.less

@@ -14,6 +14,9 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
 .ztree li ul{ margin:0; padding:0 0 0 18px}
 .ztree li ul.line{ background:url("@{imageUrl}icon/tree-vertical-line-1.png") 0 0 repeat-y;}
+.bi-theme-dark{
+  .ztree li ul.line{ background:url("@{imageUrl}icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;}
+}
 
 .ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:24px; background-color: transparent;
   text-decoration:none; vertical-align:top; display: inline-block}
@@ -73,38 +76,93 @@ website:	http://code.google.com/p/jquerytree/
 .ztree li span.button.root_open{
   background-image:url("@{imageUrl}icon/tree-expand-1.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.root_open{
+    background-image:url("@{imageUrl}icon/dark/tree-expand-1.png");
+  }
+}
 .ztree li span.button.root_close{
   background-image:url("@{imageUrl}icon/tree-collapse-1.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.root_close{
+    background-image:url("@{imageUrl}icon/dark/tree-collapse-1.png");
+  }
+}
 .ztree li span.button.roots_open{
   background-image:url("@{imageUrl}icon/tree-expand-2.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.roots_open{
+    background-image:url("@{imageUrl}icon/dark/tree-expand-2.png");
+  }
+}
 .ztree li span.button.roots_close{
   background-image:url("@{imageUrl}icon/tree-collapse-2.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.roots_close{
+    background-image:url("@{imageUrl}icon/dark/tree-collapse-2.png");
+  }
+}
 .ztree li span.button.center_open{
   background-image:url("@{imageUrl}icon/tree-expand-3.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.center_open{
+    background-image:url("@{imageUrl}icon/dark/tree-expand-3.png");
+  }
+}
 .ztree li span.button.center_close{
   background-image:url("@{imageUrl}icon/tree-collapse-3.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.center_close{
+    background-image:url("@{imageUrl}icon/dark/tree-collapse-3.png");
+  }
+}
 .ztree li span.button.bottom_open{
   background-image:url("@{imageUrl}icon/tree-expand-4.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.bottom_open{
+    background-image:url("@{imageUrl}icon/dark/tree-expand-4.png");
+  }
+}
 .ztree li span.button.bottom_close{
   background-image:url("@{imageUrl}icon/tree-collapse-4.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.bottom_close{
+    background-image:url("@{imageUrl}icon/dark/tree-collapse-4.png");
+  }
+}
 .ztree li span.button.noline_open{background-position:-92px -72px}
 .ztree li span.button.noline_close{background-position:-74px -72px}
 .ztree li span.button.root_docu{ background:none;}
 .ztree li span.button.roots_docu{
   background-image:url("@{imageUrl}icon/tree-vertical-line-2.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.roots_docu{
+    background-image:url("@{imageUrl}icon/dark/tree-vertical-line-2.png");
+  }
+}
 .ztree li span.button.center_docu{
   background-image:url("@{imageUrl}icon/tree-vertical-line-3.png");
 }
+.bi-theme-dark{
+  .ztree li span.button.center_docu{
+    background-image:url("@{imageUrl}icon/dark/tree-vertical-line-3.png");
+  }
+}
 .ztree li span.button.bottom_docu{
   background-image:url("@{imageUrl}icon/tree-vertical-line-4.png");
+}
+.bi-theme-dark{.ztree li span.button.bottom_docu{
+  background-image:url("@{imageUrl}icon/dark/tree-vertical-line-4.png");
+}
+
 }
 .ztree li span.button.noline_docu{ background:none;}
 

src/less/widget/multiselect/check/multiselect.check.pane.less

@@ -2,7 +2,6 @@
 
 .bi-multi-select-check-pane {
   & .multi-select-check-selected {
-    color: @color-bi-text-highlight;
     text-decoration: underline;
   }
 }

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

@@ -1,6 +1,5 @@
 @import "../../../bibase";
 
 .bi-multi-select-check-selected-button {
-  color: @color-bi-text-highlight;
   z-index: 1;
 }

src/widget/multiselect/check/multiselect.check.pane.js

@@ -54,7 +54,7 @@ BI.MultiSelectCheckPane = BI.inherit(BI.Widget, {
         this.continueSelect = BI.createWidget({
             type: 'bi.text_button',
             text: BI.i18nText('BI-Continue_Select'),
-            cls: 'multi-select-check-selected'
+            cls: 'multi-select-check-selected bi-high-light'
         });
 
         this.continueSelect.on(BI.TextButton.EVENT_CHANGE, function () {

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

@@ -12,7 +12,7 @@ BI.MultiSelectCheckSelectedButton = BI.inherit(BI.Single, {
 
     _defaultConfig: function () {
         return BI.extend(BI.MultiSelectCheckSelectedButton.superclass._defaultConfig.apply(this, arguments), {
-            baseCls: 'bi-multi-select-check-selected-button',
+            baseCls: 'bi-multi-select-check-selected-button bi-high-light',
             itemsCreator: BI.emptyFn
         });
     },