zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add back-color for kanbanniang's messageBox

Browse Source
This commit is contained in:
zsw 2019-10-12 17:07:54 +08:00
parent f9df805f10
commit 5b34b23fa4
1 changed files with 29 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
styles/colorMixin.styl
View File

@ -3,53 +3,53 @@
color-mode(accountColor , colorName) color-mode(accountColor , colorName)
.reco-theme-{colorName} .reco-theme-{colorName}
input input
color accountColor!important; color accountColor!important;
a.sidebar-link.active a.sidebar-link.active
border-color: accountColor border-color: accountColor
color accountColor!important; color accountColor!important;
blockquote blockquote
border-color: accountColor border-color: accountColor
.search-box input .search-box input
border-color: accountColor!important; border-color: accountColor!important;
&:focus &:focus
border-color: accountColor!important; border-color: accountColor!important;
.navbar .navbar
box-shadow: 0 1px 6px 0 rgba(32,33,36,.28) box-shadow: 0 1px 6px 0 rgba(32,33,36,.28)
.nav-links a:hover, .nav-links a:hover,
.nav-links a.router-link-active, .nav-links a.router-link-active,
.nav-links a:hover .iconfont, .nav-links a:hover .iconfont,
.nav-links a.router-link-active .iconfont .nav-links a.router-link-active .iconfont
color accountColor!important; color accountColor!important;
.home .home
.hero .hero
.action-button .action-button
background-color accountColor!important; background-color accountColor!important;
color: #fff!important color: #fff!important
.footer .footer
a a
color accountColor!important; color accountColor!important;
.home-blog .home-blog
.info-wrapper .info-wrapper
.num .num
> div, >div i > div, >div i
color accountColor!important; color accountColor!important;
.abstract-wrapper .abstract-item .title .abstract-wrapper .abstract-item .title
a a
color accountColor!important; color accountColor!important;
a:after a:after
background-color accountColor!important; background-color accountColor!important;
.back-to-ceiling i .back-to-ceiling i
color accountColor!important; color accountColor!important;
.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
border-left: 5px solid accountColor!important; border-left: 5px solid accountColor!important;
.tags .tags
.tag-item.active, .tag-item:hover .tag-item.active, .tag-item:hover
color accountColor!important; color accountColor!important;
.timeline-wrapper .year-wrapper li:hover .timeline-wrapper .year-wrapper li:hover
.title .title
color accountColor!important; color accountColor!important;
.date::before .date::before
background: accountColor!important; background: accountColor!important;
.date .date
color accountColor!important; color accountColor!important;
.categories-wrapper .categories-wrapper
@ -57,7 +57,7 @@ color-mode(accountColor , colorName)
.category-item .category-item
&:hover, &.active &:hover, &.active
background accountColor!important background accountColor!important
a a
span.post-num span.post-num
color accountColor!important color accountColor!important
.color-picker .color-picker
@ -83,16 +83,17 @@ color-mode(accountColor , colorName)
button button
border 1px solid accountColor!important border 1px solid accountColor!important
color accountColor!important; color accountColor!important;
.banniang-container
.messageBox
background-color lighten(accountColor, 50%)!important
@media (min-width: 765px) @media (min-width: 765px)
.nav-item > a:not(.external):hover, .nav-item > a:not(.external):hover,
.nav-item > a:not(.external).router-link-active .nav-item > a:not(.external).router-link-active
border-color: accountColor!important; border-color: accountColor!important;
@media (max-width: 959px) @media (max-width: 959px)
.search-box input .search-box input
border-color: transparent!important; border-color: transparent!important;
for key, value in $themePicker for key, value in $themePicker
color-mode(value, key) color-mode(value, key)