sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source 
fix #243
This commit is contained in:
FairyEver
2020-04-21 17:07:28 +08:00
parent a494560c8a
commit c36fd8e5a2
6 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/style/theme/d2/setting.scss
View File

@@ -5,6 +5,11 @@ $theme-bg-color: #ebf1f6;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $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组件 // container组件
$theme-container-background-color: rgba(#FFF, 1); $theme-container-background-color: rgba(#FFF, 1);
$theme-container-header-footer-background-color: #FFF; $theme-container-header-footer-background-color: #FFF;

5
src/assets/style/theme/line/setting.scss
View File

@@ -5,6 +5,11 @@ $theme-bg-color: #f8f8f9;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $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组件 // container组件
$theme-container-background-color: rgba(#FFF, .8); $theme-container-background-color: rgba(#FFF, .8);
$theme-container-header-footer-background-color: #FFF; $theme-container-header-footer-background-color: #FFF;

5
src/assets/style/theme/star/setting.scss
View File

@@ -5,6 +5,11 @@ $theme-bg-color: #EFF4F8;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, .3); $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组件 // container组件
$theme-container-background-color: rgba(#FFF, .9); $theme-container-background-color: rgba(#FFF, .9);
$theme-container-header-footer-background-color: #FFF; $theme-container-header-footer-background-color: #FFF;

8
src/assets/style/theme/theme.scss
View File

@@ -1,6 +1,14 @@
// 每个主题特有的设置 // 每个主题特有的设置
.theme-#{$theme-name} { .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 { .el-card {
&.d2-card { &.d2-card {
border: $theme-container-border-outer; border: $theme-container-border-outer;

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

@@ -5,6 +5,11 @@ $theme-bg-color: #002253;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $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组件 // container组件
$theme-container-background-color: rgba(#FFF, 1); $theme-container-background-color: rgba(#FFF, 1);
$theme-container-header-footer-background-color: #FFF; $theme-container-header-footer-background-color: #FFF;

5
src/assets/style/theme/violet/setting.scss
View File

@@ -5,6 +5,11 @@ $theme-bg-color: #000;
// 主题背景图片遮罩 // 主题背景图片遮罩
$theme-bg-mask: rgba(#000, 0); $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组件 // container组件
$theme-container-background-color: #FFF; $theme-container-background-color: #FFF;
$theme-container-header-footer-background-color: #FFF; $theme-container-header-footer-background-color: #FFF;