aleks/hexo-theme-ayer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #100 from MHG-LAB/master

Browse Source 
mv dark
This commit is contained in:
Eric Shen 2020-12-27 10:48:26 +08:00 committed by GitHub
commit bb87ce34fc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
layout/_partial/post/minivaline.ejs
View File

@ -1,9 +1,9 @@
<% if (!index && theme.leancloud && theme.leancloud.enable && post.comments){ %> <% if (!index && post.comments){ %>
<!-- minivaline评论 --> <!-- minivaline评论 -->
<div id="mvcomments-box"> <div id="mvcomments-box">
<div id="mvcomments"></div> <div id="mvcomments"></div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/minivaline@5"></script> <script src="https://cdn.jsdelivr.net/npm/minivaline@latest"></script>
<script> <script>
new MiniValine(Object.assign(<%- JSON.stringify(theme.minivaline) %>, { new MiniValine(Object.assign(<%- JSON.stringify(theme.minivaline) %>, {
el: '#mvcomments', el: '#mvcomments',
@ -17,23 +17,16 @@
</script> </script>
<style> <style>
#mvcomments-box { #mvcomments-box {
padding: 5px 30px; padding: 5px 30px;
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
#mvcomments-box { #mvcomments-box {
padding: 5px 0px; padding: 5px 0px;
}
} }
.darkmode .MiniValine *{
color: #f1f1f1!important;
} }
.v .vlist .vcard .vh {
padding-right: 20px;
}
.v .vlist .vcard {
padding-left: 10px;
}
.darkmode .commentTrigger{ .darkmode .commentTrigger{
background-color: #403e3e !important; background-color: #403e3e !important;
} }
@ -41,7 +34,7 @@
background: #21232F background: #21232F
} }
.darkmode img{ .darkmode img{
filter: brightness(30%) filter: brightness(30%)
} }
.darkmode .MiniValine .vlist .vcard .vcomment-body .text-wrapper .vcomment.expand:before{ .darkmode .MiniValine .vlist .vcard .vcomment-body .text-wrapper .vcomment.expand:before{
background: linear-gradient(180deg, rgba(246,246,246,0), rgba(0,0,0,0.9)) background: linear-gradient(180deg, rgba(246,246,246,0), rgba(0,0,0,0.9))
@ -59,11 +52,26 @@
.darkmode .MiniValine .vinputs-area .auth-section .input-wrapper input{ .darkmode .MiniValine .vinputs-area .auth-section .input-wrapper input{
color: #000; color: #000;
} }
.darkmode .MiniValine .info .col .count{
color: #000;
}
.darkmode .MiniValine .vinputs-area .vextra-area .vsmile-icons{ .darkmode .MiniValine .vinputs-area .vextra-area .vsmile-icons{
background: transparent; background: transparent;
} }
.darkmode .MiniValine .vinputs-wrap{
border-color: #b2b2b5;
}
.darkmode .MiniValine .vinputs-wrap:hover{
border: 1px dashed #2196f3;
}
.darkmode .MiniValine .vinputs-area .auth-section .input-wrapper{
border-bottom: 1px dashed #b2b2b5;
}
.darkmode .MiniValine .vinputs-area .auth-section .input-wrapper:hover{
border-bottom: 1px dashed #2196f3;
}
.darkmode .MiniValine .vbtn{
background-color: transparent!important;
}
.darkmode .MiniValine .vbtn:hover{
border: 1px dashed #2196f3;
}
</style> </style>
<% } %> <% } %>