fixed colors

frontend/src/components/cover-grid/cover-grid.ts

@@ -123,7 +123,7 @@ export class CoverGrid extends LitElement {
         }
 
         .context-menu-panel {
-            background-color: #2a2a3e;
+            background-color: #343a40;
             border: 1px solid #444;
             border-radius: 6px;
             padding: 4px 0;
@@ -135,12 +135,12 @@ export class CoverGrid extends LitElement {
             cursor: pointer;
         }
 
-        .context-menu-panel wa-dropdown-item::part(base) {
-            color: #e0e0e0;
+        .context-menu-panel wa-dropdown-item {
+            --wa-color-text-normal: #fff;
             font-size: 13px;
         }
 
-        .context-menu-panel wa-dropdown-item::part(base):hover {
+        .context-menu-panel wa-dropdown-item:hover {
             background-color: rgba(255, 255, 255, 0.1);
         }
     `;

frontend/src/components/queue-panel/queue-panel.ts

@@ -24,7 +24,7 @@ export class QueuePanel extends LitElement {
       flex-shrink: 0;
       width: 0;
       overflow: hidden;
-      background-color: #1a1a2e;
+      background-color: #212529;
       transition: width 0.25s ease-in-out;
       display: flex;
       flex-direction: row;
@@ -116,7 +116,7 @@ export class QueuePanel extends LitElement {
 
     .track-position {
       font-size: 12px;
-      color: #666;
+      color: #888;
       min-width: 20px;
       text-align: right;
     }
@@ -146,7 +146,7 @@ export class QueuePanel extends LitElement {
 
     .track-artist {
       font-size: 11px;
-      color: #888;
+      color: #b3b3b3;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -155,7 +155,7 @@ export class QueuePanel extends LitElement {
     .remove-button {
       background: none;
       border: none;
-      color: #666;
+      color: #888;
       cursor: pointer;
       padding: 4px;
       display: flex;
@@ -178,7 +178,7 @@ export class QueuePanel extends LitElement {
       align-items: center;
       justify-content: center;
       padding: 40px 20px;
-      color: #666;
+      color: #b3b3b3;
       text-align: center;
       gap: 8px;
     }

frontend/src/components/track-list/track-list.ts

@@ -108,7 +108,7 @@ export class TrackList extends LitElement {
     }
 
     .context-menu-panel {
-      background-color: #2a2a3e;
+      background-color: #343a40;
       border: 1px solid #444;
       border-radius: 6px;
       padding: 4px 0;
@@ -120,12 +120,12 @@ export class TrackList extends LitElement {
       cursor: pointer;
     }
 
-    .context-menu-panel wa-dropdown-item::part(base) {
-      color: #e0e0e0;
+    .context-menu-panel wa-dropdown-item {
+      --wa-color-text-normal: #fff;
       font-size: 13px;
     }
 
-    .context-menu-panel wa-dropdown-item::part(base):hover {
+    .context-menu-panel wa-dropdown-item:hover {
       background-color: rgba(255, 255, 255, 0.1);
     }
   `;