🚀 fix: darkmode style && language
This commit is contained in:
31
source-src/css/_darkmode.styl
Normal file
31
source-src/css/_darkmode.styl
Normal 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;
|
@@ -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
|
||||
|
Reference in New Issue
Block a user