summaryrefslogtreecommitdiff
path: root/themes/CodeIT/assets/lib/aplayer/dark.scss
diff options
context:
space:
mode:
Diffstat (limited to 'themes/CodeIT/assets/lib/aplayer/dark.scss')
-rw-r--r--themes/CodeIT/assets/lib/aplayer/dark.scss136
1 files changed, 136 insertions, 0 deletions
diff --git a/themes/CodeIT/assets/lib/aplayer/dark.scss b/themes/CodeIT/assets/lib/aplayer/dark.scss
new file mode 100644
index 0000000..5ce259a
--- /dev/null
+++ b/themes/CodeIT/assets/lib/aplayer/dark.scss
@@ -0,0 +1,136 @@
+[theme="dark"] .aplayer {
+ 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 {
+ 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;
+ }
+ }
+ }
+}