2021-02-18 22:21:36 +01:00
|
|
|
[theme="dark"] .aplayer {
|
2021-02-18 21:44:01 +01:00
|
|
|
background: #212121;
|
|
|
|
|
|
|
|
&.aplayer-withlist {
|
|
|
|
.aplayer-info {
|
|
|
|
border-bottom-color: #5c5c5c;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.aplayer-fixed {
|
|
|
|
.aplayer-list {
|
|
|
|
border-color: #5c5c5c;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.aplayer-body {
|
|
|
|
background-color: #212121;
|
|
|
|
}
|
|
|
|
|
|
|
|
.aplayer-info {
|
|
|
|
border-top-color: #212121;
|
|
|
|
}
|
|
|
|
|
|
|
|
.aplayer-info {
|
|
|
|
.aplayer-music {
|
|
|
|
.aplayer-title {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.aplayer-author {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.aplayer-controller {
|
|
|
|
.aplayer-time {
|
|
|
|
color: #eee;
|
|
|
|
|
|
|
|
.aplayer-icon {
|
|
|
|
path {
|
|
|
|
fill: #eee;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.aplayer-lrc {
|
|
|
|
text-shadow: -1px -1px 0 #666;
|
|
|
|
|
|
|
|
&:before {
|
2021-02-18 22:21:36 +01:00
|
|
|
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%
|
|
|
|
);
|
2021-02-18 21:44:01 +01:00
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#00212121',GradientType=0 );
|
|
|
|
}
|
|
|
|
|
|
|
|
&:after {
|
2021-02-18 22:21:36 +01:00
|
|
|
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%
|
|
|
|
);
|
2021-02-18 21:44:01 +01:00
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00212121', endColorstr='#cc212121',GradientType=0 );
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.aplayer-miniswitcher {
|
|
|
|
background: #484848;
|
|
|
|
|
|
|
|
.aplayer-icon {
|
|
|
|
path {
|
|
|
|
fill: #eee;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|