BI-30180

src/css/base/single/tip/tip.css

@@ -4,10 +4,12 @@
   border-radius: 2px;
 }
 .bi-bubble .bubble-error {
-  background-color: rgba(255, 73, 73, 0.1);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1aff4949,endColorstr=#1aff4949);
+  background: #ffecec;
   color: #ff4949;
 }
+.bi-theme-dark .bi-bubble .bubble-error {
+  background: #3A2940;
+}
 .bi-bubble .bubble-common {
   background: #eaf2fd;
   color: #3685f2;

src/less/base/single/tip/tip.bubble.less

@@ -6,10 +6,14 @@
   }
 
   & .bubble-error{
-    .background-color(@background-color-negative, 10%);
+    background: @color-bi-background-light-failure;
     color: @color-bi-text-failure;
   }
 
+  .bi-theme-dark & .bubble-error {
+    background: @color-bi-background-dark-failure;
+  }
+
   & .bubble-common{
     background: @color-bi-background-light-highlight;
     color: @color-bi-text-highlight;

src/less/lib/colors.less

@@ -62,6 +62,8 @@
 @color-bi-background-failure: @background-color-negative;
 //失败背景色(浅)
 @color-bi-background-light-failure: @background-color-light-negative;
+//失败背景色(深)
+@color-bi-background-dark-failure: @background-color-dark-negative;
 //警示背景色
 @color-bi-background-warning: @background-color-warning;
 //警示背景色(浅)

src/less/lib/constant.less

@@ -66,6 +66,7 @@
 
 @background-color-negative: #ff4949;
 @background-color-light-negative: #ffecec;
+@background-color-dark-negative: #3A2940;
 @background-color-light-warning: #feeed7;
 @background-color-warning: #faaa39;