From 327392a885d616c53def0b22306d2904123bea28 Mon Sep 17 00:00:00 2001
From: Olivier Goulet <olivier.goulet@eclipse-foundation.org>
Date: Tue, 16 Jun 2026 19:57:19 -0400
Subject: [PATCH] fix: command palette shows dark background in light mode

Dark colors are shown in the background and borders of the command
palette in light mode. This is due to the fact that :host-context is
being used. This is a deprecated browser feature.
---
 .../src/docks-command-palette.ts              | 24 ++++---------------
 1 file changed, 5 insertions(+), 19 deletions(-)

diff --git a/packages/extension-command-palette/src/docks-command-palette.ts b/packages/extension-command-palette/src/docks-command-palette.ts
index 0032caba..31aa988c 100644
--- a/packages/extension-command-palette/src/docks-command-palette.ts
+++ b/packages/extension-command-palette/src/docks-command-palette.ts
@@ -330,22 +330,16 @@ export class DocksCommandPalette extends DocksWidget {
       left: 0;
       right: 0;
       margin-top: 4px;
-      background: var(--wa-color-neutral-05);
-      border: 1px solid var(--wa-color-neutral-25);
+      background: var(--wa-color-surface-raised);
+      border: 1px solid var(--wa-color-surface-border);
       border-radius: 4px;
       max-height: 400px;
       overflow-y: auto;
       z-index: 1000;
-      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8);
+      box-shadow: 0 8px 24px var(--wa-color-shadow);
       display: none;
     }
 
-    :host-context(.wa-light) .commands-container {
-      background: var(--wa-color-neutral-95);
-      border: 1px solid var(--wa-color-neutral-75);
-      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
-    }
-
     .commands-container.open {
       display: block;
     }
@@ -357,11 +351,7 @@ export class DocksCommandPalette extends DocksWidget {
       padding: 10px 16px;
       cursor: pointer;
       transition: background-color 0.15s;
-      border-bottom: 1px solid var(--wa-color-neutral-15);
-    }
-
-    :host-context(.wa-light) .command-item {
-      border-bottom: 1px solid var(--wa-color-neutral-85);
+      border-bottom: 1px solid var(--wa-color-neutral-border-quiet);
     }
 
     .command-item:last-child {
@@ -369,11 +359,7 @@ export class DocksCommandPalette extends DocksWidget {
     }
 
     .command-item:hover {
-      background: var(--wa-color-neutral-20);
-    }
-
-    :host-context(.wa-light) .command-item:hover {
-      background: var(--wa-color-neutral-80);
+      background: var(--wa-color-neutral-fill-normal);
     }
 
     .command-icon {