From 7803cbfbb96191d118dd5112ddfd54e84850e8a7 Mon Sep 17 00:00:00 2001 From: Brooklyn Nicholson Date: Tue, 9 Jun 2026 23:49:02 -0500 Subject: [PATCH] style(desktop): use the nous overlay surface (--stroke-nous + --shadow-nous) for the HUDs Drop the ad-hoc border + shadow-xl for the design-system borderless-overlay pair already used by the dialog, keybind panel, and notification stack. --- apps/desktop/src/app/floating-hud.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/desktop/src/app/floating-hud.ts b/apps/desktop/src/app/floating-hud.ts index 5f08c87f52b..1c499b4a08a 100644 --- a/apps/desktop/src/app/floating-hud.ts +++ b/apps/desktop/src/app/floating-hud.ts @@ -4,7 +4,9 @@ // Each caller layers on its own z-index, width, and overflow. export const HUD_POSITION = 'fixed left-1/2 top-3 -translate-x-1/2' -export const HUD_SURFACE = 'rounded-xl border border-(--ui-stroke-secondary) bg-(--ui-chat-bubble-background) shadow-xl' +// Matches the app's borderless-overlay surface (dialog, keybind panel, …): +// hairline `--stroke-nous` paired with the soft `--shadow-nous` float. +export const HUD_SURFACE = 'rounded-xl border border-(--stroke-nous) bg-(--ui-chat-bubble-background) shadow-nous' // One row/text size for both HUDs (compact — two notches under `text-sm`). export const HUD_TEXT = 'text-xs'