use LoveIt theme, self hosted

1 files changed, 112 insertions, 0 deletions

diff --git a/themes/LoveIt/assets/lib/aplayer/dark.scss b/themes/LoveIt/assets/lib/aplayer/dark.scss
new file mode 100644
index 0000000..bff3cdd
--- /dev/null
+++ b/themes/LoveIt/assets/lib/aplayer/dark.scss
@@ -0,0 +1,112 @@
+[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;
+      }
+    }
+  }
+}