update --art-control-opacity

packages/artplayer/src/style/artplayer.less

@@ -49,11 +49,11 @@
     }
 
     svg {
-        fill: #fff;
+        fill: var(--art-font-color);
     }
 
     a {
-        color: #fff;
+        color: var(--art-font-color);
         text-decoration: none;
     }
 }

packages/artplayer/src/style/mobile.less

@@ -9,4 +9,5 @@
     --art-selector-max-height: 200px;
     --art-indicator-scale: 1;
     --art-indicator-size: 20px;
+    --art-control-opacity: 1;
 }

packages/artplayer/src/style/setting.less

@@ -33,10 +33,9 @@
                 line-height: 1;
                 cursor: pointer;
                 overflow: hidden;
-                color: rgba(255, 255, 255, 0.75);
+                transition: background-color var(--art-transition-duration) ease;
 
                 &:hover {
-                    color: #fff;
                     background-color: rgba(255, 255, 255, 0.1);
                 }