调整css

src/renderer/components/common/TogglePlayModeBtn.vue

@@ -43,7 +43,7 @@
     </button>
     <template #content>
       <div :class="$style.setting">
-        <button :class="$style.btn" :aria-label="$t('player__play_toggle_mode_list_loop')" @click="toggleMode('listLoop')">
+        <button :class="$style.btn" :aria-label="$t('player__play_toggle_mode_list_loop')" @click="toggleMode('listLoop')"><!-- //todo直接把顺序播放删了然后把图标接到播放列表头上，反正这个模式和列表循环一模一样 -->
           <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" height="100%" viewBox="0 0 24 24" space="preserve">
             <use xlink:href="#icon-list-loop" />
           </svg>

src/renderer/components/layout/PlayListWindow/index.vue

@@ -41,7 +41,7 @@ const songs = computed(() => {
   const showlist = []
   for (const idx of currentPlaybackOrder.value) {
     const info = playlist.value[idx]
-    if (info && info.musicInfo) {
+    if (info?.musicInfo) {
       showlist.push({
         title: info.musicInfo.name,
         artist: info.musicInfo.singer,
@@ -136,18 +136,18 @@ function emitClose() {
 
 /* hover 状态稍微加深一下 */
 .song-item:hover {
-  background-color: #eaeaea;
+  background-color: #eaeaea!important;
 }
 
 /* 当前播放项高亮（深灰） */
 .active {
-  background-color: #555555 !important;
+  background-color: #EBEBEB ;
-  color: black !important;
+  color: black ;
 }
 
 /* 选中（左键或右键）状态，更深的灰 */
 .selected {
-  background-color: #333333 !important;
+  background-color: #ebebeb ;
   color: black !important;
 }