feat(message): 增强 message 提示的配色对比

fix #243

Author: FairyEver

src/assets/style/theme/d2/setting.scss

@@ -5,6 +5,11 @@ $theme-bg-color: #ebf1f6;
 // 主题背景图片遮罩
 $theme-bg-mask: rgba(#000, 0);
 
+// 消息提示
+$theme-message-info-background-color: $color-bg;
+$theme-message-info-text-color: $color-text-normal;
+$theme-message-info-border-color: $color-border-1;
+
 // container组件
 $theme-container-background-color: rgba(#FFF, 1);
 $theme-container-header-footer-background-color: #FFF;

src/assets/style/theme/line/setting.scss

@@ -5,6 +5,11 @@ $theme-bg-color: #f8f8f9;
 // 主题背景图片遮罩
 $theme-bg-mask: rgba(#000, 0);
 
+// 消息提示
+$theme-message-info-background-color: $color-bg;
+$theme-message-info-text-color: $color-text-normal;
+$theme-message-info-border-color: $color-border-1;
+
 // container组件
 $theme-container-background-color: rgba(#FFF, .8);
 $theme-container-header-footer-background-color: #FFF;

src/assets/style/theme/star/setting.scss

@@ -5,6 +5,11 @@ $theme-bg-color: #EFF4F8;
 // 主题背景图片遮罩
 $theme-bg-mask: rgba(#000, .3);
 
+// 消息提示
+$theme-message-info-background-color: $color-bg;
+$theme-message-info-text-color: $color-text-normal;
+$theme-message-info-border-color: $color-border-1;
+
 // container组件
 $theme-container-background-color: rgba(#FFF, .9);
 $theme-container-header-footer-background-color: #FFF;

src/assets/style/theme/theme.scss

@@ -1,6 +1,14 @@
 // 每个主题特有的设置
 .theme-#{$theme-name} {
 
+  .el-message {
+    &.el-message--info {
+      background-color: $theme-message-info-background-color;
+      color: $theme-message-info-text-color;
+      border-color: $theme-message-info-border-color;
+    }
+  }
+
   .el-card {
     &.d2-card {
       border: $theme-container-border-outer;

src/assets/style/theme/tomorrow-night-blue/setting.scss

@@ -5,6 +5,11 @@ $theme-bg-color: #002253;
 // 主题背景图片遮罩
 $theme-bg-mask: rgba(#000, 0);
 
+// 消息提示
+$theme-message-info-background-color: $color-bg;
+$theme-message-info-text-color: $color-text-normal;
+$theme-message-info-border-color: $color-border-1;
+
 // container组件
 $theme-container-background-color: rgba(#FFF, 1);
 $theme-container-header-footer-background-color: #FFF;

src/assets/style/theme/violet/setting.scss

@@ -5,6 +5,11 @@ $theme-bg-color: #000;
 // 主题背景图片遮罩
 $theme-bg-mask: rgba(#000, 0);
 
+// 消息提示
+$theme-message-info-background-color: $color-bg;
+$theme-message-info-text-color: $color-text-normal;
+$theme-message-info-border-color: $color-border-1;
+
 // container组件
 $theme-container-background-color: #FFF;
 $theme-container-header-footer-background-color: #FFF;