diff --git a/src/css/base/colorchooser/colorchooser.trigger.css b/src/css/base/colorchooser/colorchooser.trigger.css
index 7e07cb515..86fb3fab9 100644
--- a/src/css/base/colorchooser/colorchooser.trigger.css
+++ b/src/css/base/colorchooser/colorchooser.trigger.css
@@ -2,7 +2,7 @@
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
-  box-shadow: 0px 0px 2px 1px #d4dadd inset;
-  -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
-  -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
+  box-shadow: 0px 0px 2px 1px #232e40 inset;
+  -webkit-box-shadow: 0px 0px 2px 1px #232e40 inset;
+  -moz-box-shadow: 0px 0px 2px 1px #232e40 inset;
 }
diff --git a/src/css/base/colorchooser/colorpicker/editor.colorpicker.css b/src/css/base/colorchooser/colorpicker/editor.colorpicker.css
index c5e9ea70c..158806635 100644
--- a/src/css/base/colorchooser/colorpicker/editor.colorpicker.css
+++ b/src/css/base/colorchooser/colorpicker/editor.colorpicker.css
@@ -2,7 +2,7 @@
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
-  box-shadow: 0px 0px 2px 1px #d4dadd inset;
-  -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
-  -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
+  box-shadow: 0px 0px 2px 1px #232e40 inset;
+  -webkit-box-shadow: 0px 0px 2px 1px #232e40 inset;
+  -moz-box-shadow: 0px 0px 2px 1px #232e40 inset;
 }
diff --git a/src/css/base/formula/codemirror.css b/src/css/base/formula/codemirror.css
index a182cbae7..f01a2cbd9 100644
--- a/src/css/base/formula/codemirror.css
+++ b/src/css/base/formula/codemirror.css
@@ -184,7 +184,7 @@
 .cm-s-default span[class*="fieldName"] {
   display: inline-block;
   color: white;
-  background: #3f8ce8;
+  background: #3685f2;
   padding: 0 5px;
   margin: 1px 1px;
 }
@@ -206,7 +206,7 @@
   border-radius: 3px;
 }
 .cm-s-default span[class*="#"] {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .cm-s-default .cm-error {
   color: #f00;
diff --git a/src/css/base/single/button/button.css b/src/css/base/single/button/button.css
index e81114b77..152c5faed 100644
--- a/src/css/base/single/button/button.css
+++ b/src/css/base/single/button/button.css
@@ -41,7 +41,7 @@ body .bi-button.button-common.clear,
 #body .bi-button.button-common.clear,
 body .bi-button.button-common.clear .b-font:before,
 #body .bi-button.button-common.clear .b-font:before {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 body .bi-button.button-ignore,
 #body .bi-button.button-ignore {
@@ -79,11 +79,11 @@ body .bi-button.button-success.clear,
 #body .bi-button.button-success.clear,
 body .bi-button.button-success.clear .b-font:before,
 #body .bi-button.button-success.clear .b-font:before {
-  color: #0c6d23;
+  color: #5cb75d;
 }
 body .bi-button.button-warning,
 #body .bi-button.button-warning {
-  background-color: #e85050;
+  background-color: #ff4949;
   border-color: #e85050;
 }
 body .bi-button.button-warning,
@@ -101,7 +101,7 @@ body .bi-button.button-warning.clear,
 #body .bi-button.button-warning.clear,
 body .bi-button.button-warning.clear .b-font:before,
 #body .bi-button.button-warning.clear .b-font:before {
-  color: #e85050;
+  color: #faaa39;
 }
 body .bi-button.button-common.disabled,
 #body .bi-button.button-common.disabled,
@@ -153,7 +153,7 @@ body .bi-button.button-ignore.disabled,
 #body .bi-button.button-ignore.disabled,
 body .bi-button.button-ignore.disabled .b-font:before,
 #body .bi-button.button-ignore.disabled .b-font:before {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 body .bi-button.button-common.disabled.clear,
 #body .bi-button.button-common.disabled.clear,
@@ -182,7 +182,7 @@ body .bi-button.button-warning.disabled.clear .b-font:before,
 #body .bi-button.button-warning.disabled.clear .b-font:before,
 body .bi-button.button-ignore.disabled.clear .b-font:before,
 #body .bi-button.button-ignore.disabled.clear .b-font:before {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 body .bi-button.button-common.disabled.clear:hover,
 #body .bi-button.button-common.disabled.clear:hover,
diff --git a/src/css/base/single/button/item.singleselect.icontext.css b/src/css/base/single/button/item.singleselect.icontext.css
index b446c5eaf..7856be761 100644
--- a/src/css/base/single/button/item.singleselect.icontext.css
+++ b/src/css/base/single/button/item.singleselect.icontext.css
@@ -1,4 +1,4 @@
 .bi-single-select-icon-text-item:active .b-font:before,
 .bi-single-select-icon-text-item.active .b-font:before {
-  color: #3f8ce8;
+  color: #3685f2;
 }
diff --git a/src/css/base/single/editor/editor.code.css b/src/css/base/single/editor/editor.code.css
index 47243060e..05f034d30 100644
--- a/src/css/base/single/editor/editor.code.css
+++ b/src/css/base/single/editor/editor.code.css
@@ -9,7 +9,7 @@
   display: inline-block;
 }
 .bi-code-editor .error-param {
-  color: #e85050;
+  color: #faaa39;
   padding: 0 5px;
   margin: 1px 1px;
   display: inline-block;
diff --git a/src/css/base/single/input/input.css b/src/css/base/single/input/input.css
index c2a019a55..3faa532f9 100644
--- a/src/css/base/single/input/input.css
+++ b/src/css/base/single/input/input.css
@@ -15,5 +15,5 @@
 .bi-input.bi-input-error,
 .bi-textarea.bi-input-error {
   border: none;
-  color: #e85050 !important;
+  color: #faaa39 !important;
 }
diff --git a/src/css/base/single/tip/tip.bubble.css b/src/css/base/single/tip/tip.bubble.css
index c1149da83..0330c6d0b 100644
--- a/src/css/base/single/tip/tip.bubble.css
+++ b/src/css/base/single/tip/tip.bubble.css
@@ -6,5 +6,5 @@
   -moz-border-radius: 2px;
   border-radius: 2px;
   background: #fddddd;
-  color: #e85050;
+  color: #faaa39;
 }
diff --git a/src/css/base/single/tip/tip.toast.css b/src/css/base/single/tip/tip.toast.css
index 28b7bbbeb..e4c153c8f 100644
--- a/src/css/base/single/tip/tip.toast.css
+++ b/src/css/base/single/tip/tip.toast.css
@@ -6,9 +6,9 @@
 }
 .bi-toast.toast-success {
   background: #e1f4e7;
-  color: #0c6d23;
+  color: #5cb75d;
 }
 .bi-toast.toast-warning {
   background: #fddddd;
-  color: #e85050;
+  color: #faaa39;
 }
diff --git a/src/css/base/single/tip/tip.tooltip.css b/src/css/base/single/tip/tip.tooltip.css
index 97e57e50e..0207e9c9e 100644
--- a/src/css/base/single/tip/tip.tooltip.css
+++ b/src/css/base/single/tip/tip.tooltip.css
@@ -12,6 +12,6 @@
 }
 .bi-tooltip.tooltip-warning {
   background: #fddddd;
-  color: #e85050;
+  color: #faaa39;
   border: 1px solid #f4cbcb;
 }
diff --git a/src/css/core/utils/common.css b/src/css/core/utils/common.css
index a4ff12fef..8914a430b 100644
--- a/src/css/core/utils/common.css
+++ b/src/css/core/utils/common.css
@@ -1,15 +1,15 @@
 .base-disabled {
   cursor: default !important;
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .base-disabled .bi-input {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .base-disabled .bi-textarea {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .base-disabled .b-font:before {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-theme-dark .base-disabled {
   color: #666666 !important;
@@ -40,13 +40,13 @@
 }
 .bi-background {
   background-color: #eff1f4;
-  color: #666666;
+  color: #3d4d66;
 }
 .bi-background .bi-input {
-  color: #666666;
+  color: #3d4d66;
 }
 .bi-background .bi-textarea {
-  color: #666666;
+  color: #3d4d66;
 }
 .bi-theme-dark .bi-background {
   background-color: #191b2b;
@@ -60,13 +60,13 @@
 }
 .bi-card {
   background-color: #ffffff;
-  color: #666666;
+  color: #3d4d66;
 }
 .bi-card .bi-input {
-  color: #666666;
+  color: #3d4d66;
 }
 .bi-card .bi-textarea {
-  color: #666666;
+  color: #3d4d66;
 }
 .bi-theme-dark .bi-card {
   background-color: #242640;
@@ -79,13 +79,13 @@
   color: #cccccc;
 }
 .bi-disabled {
-  color: #cccccc;
+  color: #9ea6b2;
 }
 .bi-disabled .bi-input {
-  color: #cccccc;
+  color: #9ea6b2;
 }
 .bi-disabled .bi-textarea {
-  color: #cccccc;
+  color: #9ea6b2;
 }
 .bi-theme-dark .bi-disabled {
   color: #666666;
@@ -97,13 +97,13 @@
   color: #666666;
 }
 .bi-tips {
-  color: #999999;
+  color: #c4c9d1;
 }
 .bi-tips .bi-input {
-  color: #999999;
+  color: #c4c9d1;
 }
 .bi-tips .bi-textarea {
-  color: #999999;
+  color: #c4c9d1;
 }
 .bi-border {
   border: 1px solid #d4dadd;
@@ -136,22 +136,22 @@
   border-bottom: 1px solid #525466;
 }
 .bi-keyword-red-mark {
-  color: #f07d0a;
+  color: #ff4949;
 }
 .bi-keyword-red-mark .bi-input {
-  color: #f07d0a;
+  color: #ff4949;
 }
 .bi-keyword-red-mark .bi-textarea {
-  color: #f07d0a;
+  color: #ff4949;
 }
 .bi-high-light {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-high-light .bi-input {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-high-light .bi-textarea {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-high-light-background {
   background-color: #3f8ce8;
@@ -245,22 +245,22 @@
 .bi-list-item.disabled:hover,
 .bi-list-item.disabled:active {
   background-color: transparent !important;
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item.disabled .bi-input,
 .bi-list-item.disabled:hover .bi-input,
 .bi-list-item.disabled:active .bi-input {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item.disabled .bi-textarea,
 .bi-list-item.disabled:hover .bi-textarea,
 .bi-list-item.disabled:active .bi-textarea {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item.disabled .bi-high-light,
 .bi-list-item.disabled:hover .bi-high-light,
 .bi-list-item.disabled:active .bi-high-light {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-theme-dark .bi-list-item:hover,
 .bi-theme-dark .bi-list-item.hover {
@@ -302,45 +302,45 @@
   border: 1px solid #178cdf;
 }
 .bi-list-item-simple {
-  color: #999999;
+  color: #c4c9d1;
 }
 .bi-list-item-simple .bi-input {
-  color: #999999;
+  color: #c4c9d1;
 }
 .bi-list-item-simple .bi-textarea {
-  color: #999999;
+  color: #c4c9d1;
 }
 .bi-list-item-simple:hover,
 .bi-list-item-simple.hover {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-simple:hover .bi-input,
 .bi-list-item-simple.hover .bi-input {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-simple:hover .bi-textarea,
 .bi-list-item-simple.hover .bi-textarea {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-simple.disabled,
 .bi-list-item-simple.disabled:hover,
 .bi-list-item-simple.disabled:active {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-simple.disabled .bi-input,
 .bi-list-item-simple.disabled:hover .bi-input,
 .bi-list-item-simple.disabled:active .bi-input {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-simple.disabled .bi-textarea,
 .bi-list-item-simple.disabled:hover .bi-textarea,
 .bi-list-item-simple.disabled:active .bi-textarea {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-simple.disabled .bi-high-light,
 .bi-list-item-simple.disabled:hover .bi-high-light,
 .bi-list-item-simple.disabled:active .bi-high-light {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-effect:hover {
   color: #1a1a1a;
@@ -353,35 +353,35 @@
 }
 .bi-list-item-effect.active,
 .bi-list-item-effect:active {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-effect.active .bi-input,
 .bi-list-item-effect:active .bi-input {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-effect.active .bi-textarea,
 .bi-list-item-effect:active .bi-textarea {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-effect.disabled,
 .bi-list-item-effect.disabled:hover,
 .bi-list-item-effect.disabled:active {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-effect.disabled .bi-input,
 .bi-list-item-effect.disabled:hover .bi-input,
 .bi-list-item-effect.disabled:active .bi-input {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-effect.disabled .bi-textarea,
 .bi-list-item-effect.disabled:hover .bi-textarea,
 .bi-list-item-effect.disabled:active .bi-textarea {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-effect.disabled .bi-high-light,
 .bi-list-item-effect.disabled:hover .bi-high-light,
 .bi-list-item-effect.disabled:active .bi-high-light {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-theme-dark .bi-list-item-effect:hover {
   color: #ffffff;
@@ -394,15 +394,15 @@
 }
 .bi-theme-dark .bi-list-item-effect.active,
 .bi-theme-dark .bi-list-item-effect:active {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-theme-dark .bi-list-item-effect.active .bi-input,
 .bi-theme-dark .bi-list-item-effect:active .bi-input {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-theme-dark .bi-list-item-effect.active .bi-textarea,
 .bi-theme-dark .bi-list-item-effect:active .bi-textarea {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-theme-dark .bi-list-item-effect.disabled,
 .bi-theme-dark .bi-list-item-effect.disabled:hover,
@@ -441,38 +441,38 @@
 }
 .bi-list-item-active.active,
 .bi-list-item-active:active {
-  color: #3f8ce8;
+  color: #3685f2;
   background-color: rgba(26, 26, 26, 0.05);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
 }
 .bi-list-item-active.active .bi-input,
 .bi-list-item-active:active .bi-input {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-active.active .bi-textarea,
 .bi-list-item-active:active .bi-textarea {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-active.disabled,
 .bi-list-item-active.disabled:hover,
 .bi-list-item-active.disabled:active {
   background-color: transparent !important;
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-active.disabled .bi-input,
 .bi-list-item-active.disabled:hover .bi-input,
 .bi-list-item-active.disabled:active .bi-input {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-active.disabled .bi-textarea,
 .bi-list-item-active.disabled:hover .bi-textarea,
 .bi-list-item-active.disabled:active .bi-textarea {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-active.disabled .bi-high-light,
 .bi-list-item-active.disabled:hover .bi-high-light,
 .bi-list-item-active.disabled:active .bi-high-light {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-theme-dark .bi-list-item-active:hover,
 .bi-theme-dark .bi-list-item-active.hover {
@@ -490,17 +490,17 @@
 }
 .bi-theme-dark .bi-list-item-active.active,
 .bi-theme-dark .bi-list-item-active:active {
-  color: #3f8ce8;
+  color: #3685f2;
   background-color: rgba(255, 255, 255, 0.05);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
 }
 .bi-theme-dark .bi-list-item-active.active .bi-input,
 .bi-theme-dark .bi-list-item-active:active .bi-input {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-theme-dark .bi-list-item-active.active .bi-textarea,
 .bi-theme-dark .bi-list-item-active:active .bi-textarea {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-theme-dark .bi-list-item-active.disabled,
 .bi-theme-dark .bi-list-item-active.disabled:hover,
@@ -538,37 +538,37 @@
 }
 .bi-list-item-active2.active,
 .bi-list-item-active2:active {
-  color: #3f8ce8;
+  color: #3685f2;
   background-color: #ffffff;
 }
 .bi-list-item-active2.active .bi-input,
 .bi-list-item-active2:active .bi-input {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-active2.active .bi-textarea,
 .bi-list-item-active2:active .bi-textarea {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-list-item-active2.disabled,
 .bi-list-item-active2.disabled:hover,
 .bi-list-item-active2.disabled:active {
   background-color: transparent !important;
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-active2.disabled .bi-input,
 .bi-list-item-active2.disabled:hover .bi-input,
 .bi-list-item-active2.disabled:active .bi-input {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-active2.disabled .bi-textarea,
 .bi-list-item-active2.disabled:hover .bi-textarea,
 .bi-list-item-active2.disabled:active .bi-textarea {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-active2.disabled .bi-high-light,
 .bi-list-item-active2.disabled:hover .bi-high-light,
 .bi-list-item-active2.disabled:active .bi-high-light {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-theme-dark .bi-list-item-active2:hover,
 .bi-theme-dark .bi-list-item-active2.hover {
@@ -585,16 +585,16 @@
 }
 .bi-theme-dark .bi-list-item-active2.active,
 .bi-theme-dark .bi-list-item-active2:active {
-  color: #3f8ce8;
+  color: #3685f2;
   background-color: #242640;
 }
 .bi-theme-dark .bi-list-item-active2.active .bi-input,
 .bi-theme-dark .bi-list-item-active2:active .bi-input {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-theme-dark .bi-list-item-active2.active .bi-textarea,
 .bi-theme-dark .bi-list-item-active2:active .bi-textarea {
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .bi-theme-dark .bi-list-item-active2.disabled,
 .bi-theme-dark .bi-list-item-active2.disabled:hover,
@@ -651,23 +651,23 @@
 .bi-list-item-select.disabled,
 .bi-list-item-select.disabled:hover,
 .bi-list-item-select.disabled:active {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
   background-color: transparent !important;
 }
 .bi-list-item-select.disabled .bi-input,
 .bi-list-item-select.disabled:hover .bi-input,
 .bi-list-item-select.disabled:active .bi-input {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-select.disabled .bi-textarea,
 .bi-list-item-select.disabled:hover .bi-textarea,
 .bi-list-item-select.disabled:active .bi-textarea {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-select.disabled .bi-high-light,
 .bi-list-item-select.disabled:hover .bi-high-light,
 .bi-list-item-select.disabled:active .bi-high-light {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
@@ -754,23 +754,23 @@
 .bi-list-item-none.disabled,
 .bi-list-item-none.disabled:hover,
 .bi-list-item-none.disabled:active {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
   background-color: transparent !important;
 }
 .bi-list-item-none.disabled .bi-input,
 .bi-list-item-none.disabled:hover .bi-input,
 .bi-list-item-none.disabled:active .bi-input {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-none.disabled .bi-textarea,
 .bi-list-item-none.disabled:hover .bi-textarea,
 .bi-list-item-none.disabled:active .bi-textarea {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-list-item-none.disabled .bi-high-light,
 .bi-list-item-none.disabled:hover .bi-high-light,
 .bi-list-item-none.disabled:active .bi-high-light {
-  color: #cccccc !important;
+  color: #9ea6b2 !important;
 }
 .bi-theme-dark .bi-list-item-none:hover,
 .bi-theme-dark .bi-list-item-none.hover {
diff --git a/src/css/resource/app.css b/src/css/resource/app.css
index a84c8542b..d8f53c357 100644
--- a/src/css/resource/app.css
+++ b/src/css/resource/app.css
@@ -25,7 +25,7 @@ body {
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
-  color: #666666;
+  color: #3d4d66;
   font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/src/css/resource/font.css b/src/css/resource/font.css
index a6ba0fcb6..bd7815cc6 100644
--- a/src/css/resource/font.css
+++ b/src/css/resource/font.css
@@ -69,7 +69,7 @@
 .search-close-h-font:hover .b-font:before,
 .search-close-h-font.hover .b-font:before {
   content: "\e600";
-  color: #e85050;
+  color: #faaa39;
 }
 .search-close-h-font.disabled .b-font:before {
   content: "\e600";
@@ -211,7 +211,7 @@
 }
 .dot-e-font:active .b-font:before {
   content: "\e606";
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .dot-e-font.disabled .b-font:before {
   content: "\e606";
@@ -535,7 +535,7 @@
 .trigger-triangle-font:active .b-font:before,
 .trigger-triangle-font.active .b-font:before {
   content: "\e66a";
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .trigger-triangle-font.disabled .b-font:before {
   content: "\e66a";
@@ -594,11 +594,11 @@
 }
 .check-font .b-font:before {
   content: "\e611";
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .check-font.disabled .b-font:before {
   content: "\e611";
-  color: #3f8ce8;
+  color: #3685f2;
 }
 .item-check-font .b-font {
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
@@ -642,11 +642,11 @@
 }
 .drag-tag-font .b-font:before {
   content: "\e600";
-  color: #f07d0a;
+  color: #ff4949;
 }
 .drag-tag-font.disabled .b-font:before {
   content: "\e600";
-  color: #f07d0a;
+  color: #ff4949;
 }
 .less-font .b-font {
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
diff --git a/src/css/widget/interactivearrangement/interactivearrangement.css b/src/css/widget/interactivearrangement/interactivearrangement.css
index f52a2e3b9..360b96f68 100644
--- a/src/css/widget/interactivearrangement/interactivearrangement.css
+++ b/src/css/widget/interactivearrangement/interactivearrangement.css
@@ -1,6 +1,6 @@
 .bi-interactive-arrangement .interactive-arrangement-dragtag-line {
   z-index: 1000000000;
-  background-color: #f07d0a;
+  background-color: #ff4949;
 }
 .bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
   z-index: 1000000000;
diff --git a/src/css/widget/multidate/multidate.popup.css b/src/css/widget/multidate/multidate.popup.css
index ac4793ed0..a4c7f9759 100644
--- a/src/css/widget/multidate/multidate.popup.css
+++ b/src/css/widget/multidate/multidate.popup.css
@@ -1,16 +1,16 @@
 .bi-multidate-popup .multidate-popup-label {
-  color: #3f8ce8;
+  color: #3685f2;
   font-size: 14px;
 }
 .bi-multidate-popup .multidate-popup-item:active,
 .bi-multidate-popup .multidate-popup-item.active {
-  background-color: #3f8ce8;
+  background-color: #3685f2;
   color: #ffffff;
   -webkit-border-radius: 2px 2px 0 0;
   -moz-border-radius: 2px 2px 0 0;
   border-radius: 2px 2px 0 0;
 }
 .bi-multidate-popup .multidate-popup-button {
-  color: #3f8ce8;
+  color: #3685f2;
   font-size: 14px;
 }
diff --git a/src/css/widget/multiselect/search/multiselect.search.pane.css b/src/css/widget/multiselect/search/multiselect.search.pane.css
index 88e22218d..3d881ba36 100644
--- a/src/css/widget/multiselect/search/multiselect.search.pane.css
+++ b/src/css/widget/multiselect/search/multiselect.search.pane.css
@@ -1,3 +1,3 @@
 .bi-multi-select-search-pane .multi-select-toolbar {
-  color: #e85050;
+  color: #faaa39;
 }
diff --git a/src/css/widget/multitree/check/multi.tree.check.pane.css b/src/css/widget/multitree/check/multi.tree.check.pane.css
index 64572cfb5..3e5a9615a 100644
--- a/src/css/widget/multitree/check/multi.tree.check.pane.css
+++ b/src/css/widget/multitree/check/multi.tree.check.pane.css
@@ -1,3 +1,3 @@
 .bi-multi-tree-check-pane .multi-tree-check-selected {
-  color: #3f8ce8;
+  color: #3685f2;
 }
diff --git a/src/css/widget/multitree/trigger/multi.tree.button.checkselected.css b/src/css/widget/multitree/trigger/multi.tree.button.checkselected.css
index 0716e0c16..1d49b466e 100644
--- a/src/css/widget/multitree/trigger/multi.tree.button.checkselected.css
+++ b/src/css/widget/multitree/trigger/multi.tree.button.checkselected.css
@@ -1,4 +1,4 @@
 .bi-multi-tree-check-selected-button .trigger-check-selected {
-  color: #3f8ce8;
+  color: #3685f2;
   z-index: 1;
 }
diff --git a/src/css/widget/numberinterval/numberinterval.css b/src/css/widget/numberinterval/numberinterval.css
index a6b087f73..afadf9709 100644
--- a/src/css/widget/numberinterval/numberinterval.css
+++ b/src/css/widget/numberinterval/numberinterval.css
@@ -37,5 +37,5 @@
   font-size: 14px;
 }
 .bi-number-interval.number-error .bi-input {
-  color: #e85050 !important;
+  color: #faaa39 !important;
 }
diff --git a/src/css/widget/timeinterval/timeinterval.css b/src/css/widget/timeinterval/timeinterval.css
index d4b03659a..d6eaefc9f 100644
--- a/src/css/widget/timeinterval/timeinterval.css
+++ b/src/css/widget/timeinterval/timeinterval.css
@@ -1,6 +1,6 @@
 .bi-param-time-interval.time-error .bi-input {
-  color: #e85050;
+  color: #faaa39;
 }
 .bi-param-time-interval.time-error .sign-editor-text {
-  color: #e85050;
+  color: #faaa39;
 }