saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(valine): add valine dark theme

Browse Source
This commit is contained in:
Dillon
2020-02-15 00:38:15 +08:00
parent e8d72608ea
commit b9c7510260
6 changed files with 131 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/css/lib/VERSION
View File

@@ -5,3 +5,4 @@ katex@0.11.1
aplayer@1.10.1
animate.css@3.7.2
mermaid@8.4.2
valine@1.3.10

180
assets/css/lib/aplayer/dark.scss
View File

@@ -1,113 +1,111 @@
.aplayer {
.dark-theme & {
background: #212121;
&.aplayer-withlist {
.aplayer-info {
border-bottom-color: #5c5c5c;
}
}
&.aplayer-fixed {
.aplayer-list {
border-color: #5c5c5c;
}
}
.aplayer-body {
background-color: #212121;
}
.dark-theme .aplayer {
background: #212121;
&.aplayer-withlist {
.aplayer-info {
border-top-color: #212121;
border-bottom-color: #5c5c5c;
}
}
.aplayer-info {
.aplayer-music {
.aplayer-title {
color: #fff;
}
&.aplayer-fixed {
.aplayer-list {
border-color: #5c5c5c;
}
}
.aplayer-author {
color: #fff;
}
.aplayer-body {
background-color: #212121;
}
.aplayer-info {
border-top-color: #212121;
}
.aplayer-info {
.aplayer-music {
.aplayer-title {
color: #fff;
}
.aplayer-controller {
.aplayer-time {
color: #eee;
.aplayer-author {
color: #fff;
}
}
.aplayer-icon {
path {
fill: #eee;
}
.aplayer-controller {
.aplayer-time {
color: #eee;
.aplayer-icon {
path {
fill: #eee;
}
}
}
}
}
.aplayer-list {
background-color: #212121;
.aplayer-list {
background-color: #212121;
&::-webkit-scrollbar-thumb {
background-color: #999;
}
&::-webkit-scrollbar-thumb:hover {
background-color: #bbb;
}
li {
color: #fff;
border-top-color: #666;
&:hover {
background: #4e4e4e;
}
&.aplayer-list-light {
background: #6c6c6c;
}
.aplayer-list-index {
color: #ddd;
}
.aplayer-list-author {
color: #ddd;
}
}
&::-webkit-scrollbar-thumb {
background-color: #999;
}
.aplayer-lrc {
text-shadow: -1px -1px 0 #666;
&:before {
background: -moz-linear-gradient(top, rgba(33,33,33,1) 0%, rgba(33,33,33,0) 100%);
background: -webkit-linear-gradient(top, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%);
background: linear-gradient(to bottom, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#00212121',GradientType=0 );
}
&:after {
background: -moz-linear-gradient(top, rgba(33,33,33,0) 0%, rgba(33,33,33,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(33,33,33,0) 0%,rgba(33,33,33,0.8) 100%);
background: linear-gradient(to bottom, rgba(33,33,33,0) 0%,rgba(33,33,33,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00212121', endColorstr='#cc212121',GradientType=0 );
}
p {
color: #fff;
}
&::-webkit-scrollbar-thumb:hover {
background-color: #bbb;
}
.aplayer-miniswitcher {
background: #484848;
li {
color: #fff;
border-top-color: #666;
.aplayer-icon {
path {
fill: #eee;
}
&:hover {
background: #4e4e4e;
}
&.aplayer-list-light {
background: #6c6c6c;
}
.aplayer-list-index {
color: #ddd;
}
.aplayer-list-author {
color: #ddd;
}
}
}
.aplayer-lrc {
text-shadow: -1px -1px 0 #666;
&:before {
background: -moz-linear-gradient(top, rgba(33,33,33,1) 0%, rgba(33,33,33,0) 100%);
background: -webkit-linear-gradient(top, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%);
background: linear-gradient(to bottom, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#00212121',GradientType=0 );
}
&:after {
background: -moz-linear-gradient(top, rgba(33,33,33,0) 0%, rgba(33,33,33,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(33,33,33,0) 0%,rgba(33,33,33,0.8) 100%);
background: linear-gradient(to bottom, rgba(33,33,33,0) 0%,rgba(33,33,33,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00212121', endColorstr='#cc212121',GradientType=0 );
}
p {
color: #fff;
}
}
.aplayer-miniswitcher {
background: #484848;
.aplayer-icon {
path {
fill: #eee;
}
}
}

32
assets/css/lib/valine/dark.scss Normal file
View File

@@ -0,0 +1,32 @@
.dark-theme {
// copied from https://github.com/xCss/Valine/issues/221
.v *,
.v .vwrap input,
.v .vwrap input::placeholder,
.v .veditor,
.v .veditor::placeholder,
.v a,
.v a:hover {
color: hsla(0,0%,100%,.75);
opacity: 1;
}
.v .vbtn {
color: hsla(0,0%,100%,.75);
background: #333;
border: none;
}
.v .vbtn:hover {
color: #3090e4;
border-color: #3090e4;
}
.v .vlist .vcard .vhead .vsys {
background: #333;
}
.v code, .v pre {
background: #272C34;
}
}
.v code, .v pre {
text-align: left;
}