🚀 fix: darkmode style && language

This commit is contained in:
沈宇
2020-04-15 16:30:10 +08:00
parent c0d20c3732
commit e4218c40fa
6 changed files with 68 additions and 22 deletions

View File

@@ -0,0 +1,31 @@
darkmode()
background: rgba(0,0,0,.6)
*
color: #f2f2f2
.article-entry code
background: darken(#ddd,10%) !important
color: #c7254e !important
.article-header .article-title,.share-outer i,.category-list .category-list-item i,.category-list a:hover .category-list-item,.article-date, .article-category .article-category-link, .archive-year-wrap .archive-year, .archive-article-date,a.toc-link,.tag-list > .tag-list-item:before,.article-tag-list:before
color: darken(#fff,10%) !important
.share-icons a i,.float_btns i,#reward .reward-p,#reward .reward-p i,.local-search-input
color: darken(#999,20%) !important
.v *
color: #555 !important
.tag-list > .tag-list-item .tag-list-link,.article-tag-list .article-tag-list-link
background: darken(#fff,10%) !important
color: #555 !important
#vcomments-box #vcomments
background-color rgba(255,255,255,.1) !important
*
color #f1f1f1 !important
.v .vbtn
background-color: transparent !important
.v .vlist .vcard .vhead .vsys
border: 1px solid #f1f1f1 !important
background-color: transparent !important
input::-webkit-input-placeholder
color: #ccc;
input::-moz-input-placeholder
color: #ccc;
input::-ms-input-placeholder
color: #ccc;

View File

@@ -2,6 +2,7 @@
@import "_mixins"
@import "_remixicon"
@import "_normalize"
@import "_darkmode"
*,
*::before
@@ -28,24 +29,11 @@ body
padding 0
margin 0
overflow-x hidden
text-size-adjust: 100%
text-size-adjust 100%
// Dark Mode
&.darkmode
background: rgba(0,0,0,.6)
*
color: darken(#fff,10%)
.article-entry code
background: darken(#ddd,10%) !important
color: #c7254e !important
.article-header .article-title,.share-outer i,.category-list .category-list-item i,.category-list a:hover .category-list-item,.article-date, .article-category .article-category-link, .archive-year-wrap .archive-year, .archive-article-date,a.toc-link,.tag-list > .tag-list-item:before,.article-tag-list:before
color: darken(#fff,10%) !important
.share-icons a i,.float_btns i,#reward .reward-p,#reward .reward-p i,.local-search-input
color: darken(#999,20%) !important
.v *
color: #555 !important
.tag-list > .tag-list-item .tag-list-link,.article-tag-list .article-tag-list-link
background: darken(#fff,10%) !important
color: #555 !important
darkmode()
a
color link-color
&:hover