添加黑色皮肤

src/renderer/components/core/Player.vue

@@ -1057,7 +1057,7 @@ export default {
   height: 100%;
   border-radius: @radius-progress-border;
   transition-duration: 0.2s;
-  background-color: @color-theme;
+  background-color: @color-btn;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 
@@ -1075,14 +1075,14 @@ export default {
   margin-left: 5px;
   height: 100%;
   width: 20px;
-  color: @color-theme;
+  color: @color-btn;
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
 
   transition: opacity 0.2s ease;
-  opacity: .5;
+  opacity: .6;
   cursor: pointer;
 
   svg {
@@ -1226,10 +1226,10 @@ each(@themes, {
       // }
     }
     .titleBtn {
-      color: ~'@{color-@{value}-theme}';
+      color: ~'@{color-@{value}-btn}';
     }
     .play-btn {
-      color: ~'@{color-@{value}-theme}';
+      color: ~'@{color-@{value}-btn}';
       svg {
         filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));
       }
@@ -1239,7 +1239,7 @@ each(@themes, {
     }
 
     .volume-bar {
-      background-color: ~'@{color-@{value}-theme}';
+      background-color: ~'@{color-@{value}-btn}';
     }
 
 

src/renderer/components/core/PlayerDetail.vue

@@ -579,7 +579,6 @@ export default {
   overflow: hidden;
   font-size: 16px;
   cursor: grab;
-  color: @color-theme_2-font;
   &.draging {
     cursor: grabbing;
   }
@@ -588,6 +587,7 @@ export default {
       line-height: 1.2;
       margin: 16px 0;
       overflow-wrap: break-word;
+      color: @color-player-detail-lyric;
 
       .translation {
         transition: @transition-theme !important;
@@ -833,17 +833,19 @@ each(@themes, {
     .lyric {
       :global {
         .lrc-content {
+          color: ~'@{color-@{value}-player-detail-lyric}';
+
           &.active {
             .translation {
-              color: ~'@{color-@{value}-theme}';
+              color: ~'@{color-@{value}-player-detail-lyric-active}';
             }
             .line {
-              color: ~'@{color-@{value}-theme}';
+              color: ~'@{color-@{value}-player-detail-lyric-active}';
             }
           }
           span {
-            // background-color: ~'@{color-@{value}-theme_2-font}';
-            background-image: -webkit-linear-gradient(top, ~'@{color-@{value}-theme}', ~'@{color-@{value}-theme}');
+            background-color: ~'@{color-@{value}-player-detail-lyric}';
+            background-image: -webkit-linear-gradient(top, ~'@{color-@{value}-player-detail-lyric-active}', ~'@{color-@{value}-player-detail-lyric-active}');
           }
         }
       }