mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-12 12:25:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: add theme to Notification's icon

Browse Source
This commit is contained in:
songwanli2025@163.com 2019-10-18 17:37:11 +08:00
parent afc5932066
commit 517065500c
3 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
styles/Notification.scss
View File

@ -109,7 +109,8 @@
width: 28px;
height: 28px;
border-radius: 14px;
background-color: #59c3b2ff;
background-color: $--notification-cell__avator-background-color;
color: $--notification-cell__avator-color;
text-align: center;
font-size: 18px;
line-height: 28px;

18
styles/themes/dark/components/Notification.scss
View File

@ -1,10 +1,12 @@
@mixin setup-dark-notification {
$--notification-background-start-color: rgb(91, 197, 161) !global;
$--notification-background-end-color: rgba(116,127,157,1) !global;
$--notification-text-color: #ffffff !global;
$--notification-background-start-color: rgb(91, 197, 161) !global;
$--notification-background-end-color: rgba(116, 127, 157, 1) !global;
$--notification-text-color: #ffffff !global;
$--notification-cell_deactive-color: #a1d9c6 !global;
$--notification-cell__header-color: #ffffff !global;
$--notification-cell__content-color: #ffffff !global;
$--notification-cell__title-meta-color: rgba(255,255,255,.4) !global;
$--notification-cell__action-color: #00FFA9FF !global;
}
$--notification-cell__header-color: #ffffff !global;
$--notification-cell__content-color: #ffffff !global;
$--notification-cell__title-meta-color: rgba(255, 255, 255, 0.4) !global;
$--notification-cell__action-color: #00ffa9ff !global;
$--notification-cell__avator-background-color: #59c3b2ff !global;
$--notification-cell__avator-color: rgb(255, 255, 255) !global;
}

4
styles/themes/light/components/Notification.scss
View File

@ -7,6 +7,6 @@
$--notification-cell__content-color: #595959 !global;
$--notification-cell__title-meta-color: #8c8c8c !global;
$--notification-cell__action-color: $--primary-6 !global;
$--notification-cell__avator-background-color: #59c3b2ff !global;
// $--notification-cell__avator-text-color
$--notification-cell__avator-background-color: $--primary-6 !global;
$--notification-cell__avator-color: rgb(255, 255, 255) !global;
}