From eff387cb4f6fa30599fbd9541b6ef2e8bd24645f Mon Sep 17 00:00:00 2001
From: dvcolomban <dinh-van.colomban@contentsquare.com>
Date: Fri, 28 Aug 2026 12:12:24 +0200
Subject: [PATCH 1/3] fix(hub-ui): preserve toast background on hover

---
 .../hub-ui/src/client/components/display/ToastOverlay.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/hub-ui/src/client/components/display/ToastOverlay.vue b/packages/hub-ui/src/client/components/display/ToastOverlay.vue
index bcd03f32..b5711f00 100644
--- a/packages/hub-ui/src/client/components/display/ToastOverlay.vue
+++ b/packages/hub-ui/src/client/components/display/ToastOverlay.vue
@@ -54,10 +54,10 @@ function dispatchAction(action: DevframeMessageAction) {
       <div
         v-for="toast of toasts"
         :key="toast.id"
-        class="bg-glass:80 border color-base border-base shadow-xl cursor-pointer hover:bg-active transition-colors rounded"
+        class="bg-glass:80 border color-base border-base shadow-xl cursor-pointer transition-colors rounded"
         @click="openMessages(toast.id)"
       >
-        <MessageItem :entry="toast.entry" compact class="px-3 py-2.5">
+        <MessageItem :entry="toast.entry" compact class="px-3 py-2.5 hover:bg-active">
           <template #actions>
             <button
               v-for="action of toast.entry.actions"

From 90fc51c690690828ccadbe946cfd93fbd046d0d7 Mon Sep 17 00:00:00 2001
From: dvcolomban <dinh-van.colomban@contentsquare.com>
Date: Fri, 28 Aug 2026 14:21:06 +0200
Subject: [PATCH 2/3] fix(hub-ui): keep toast hover on glass surface

---
 .../hub-ui/src/client/components/display/ToastOverlay.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/hub-ui/src/client/components/display/ToastOverlay.vue b/packages/hub-ui/src/client/components/display/ToastOverlay.vue
index b5711f00..c1c67b57 100644
--- a/packages/hub-ui/src/client/components/display/ToastOverlay.vue
+++ b/packages/hub-ui/src/client/components/display/ToastOverlay.vue
@@ -54,10 +54,10 @@ function dispatchAction(action: DevframeMessageAction) {
       <div
         v-for="toast of toasts"
         :key="toast.id"
-        class="bg-glass:80 border color-base border-base shadow-xl cursor-pointer transition-colors rounded"
+        class="bg-glass:80 border color-base border-base shadow-xl cursor-pointer hover:bg-glass:90 transition-colors rounded"
         @click="openMessages(toast.id)"
       >
-        <MessageItem :entry="toast.entry" compact class="px-3 py-2.5 hover:bg-active">
+        <MessageItem :entry="toast.entry" compact class="px-3 py-2.5">
           <template #actions>
             <button
               v-for="action of toast.entry.actions"

From 31d5a75778850e141157f41710d572244a3c24be Mon Sep 17 00:00:00 2001
From: dvcolomban <dinh-van.colomban@contentsquare.com>
Date: Fri, 28 Aug 2026 14:45:01 +0200
Subject: [PATCH 3/3] fix(hub-ui): align toast and dock glass

---
 packages/hub-ui/src/client/components/display/ToastOverlay.vue | 2 +-
 packages/hub-ui/uno.config.ts                                  | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/hub-ui/src/client/components/display/ToastOverlay.vue b/packages/hub-ui/src/client/components/display/ToastOverlay.vue
index c1c67b57..a4f62c52 100644
--- a/packages/hub-ui/src/client/components/display/ToastOverlay.vue
+++ b/packages/hub-ui/src/client/components/display/ToastOverlay.vue
@@ -54,7 +54,7 @@ function dispatchAction(action: DevframeMessageAction) {
       <div
         v-for="toast of toasts"
         :key="toast.id"
-        class="bg-glass:80 border color-base border-base shadow-xl cursor-pointer hover:bg-glass:90 transition-colors rounded"
+        class="bg-toast-glass border color-base border-base shadow-xl cursor-pointer transition-colors rounded"
         @click="openMessages(toast.id)"
       >
         <MessageItem :entry="toast.entry" compact class="px-3 py-2.5">
diff --git a/packages/hub-ui/uno.config.ts b/packages/hub-ui/uno.config.ts
index 0f699354..66ac8070 100644
--- a/packages/hub-ui/uno.config.ts
+++ b/packages/hub-ui/uno.config.ts
@@ -26,6 +26,8 @@ export default mergeConfigs([
     shortcuts: {
       /** Use the lighter glass in light mode while retaining dark-mode contrast. */
       'bg-dock-glass': 'bg-glass dark:bg-[#111]/80',
+      /** Match dock glass at rest, then strengthen each theme slightly on hover. */
+      'bg-toast-glass': 'bg-dock-glass hover:bg-white/78 dark:hover:bg-[#111]/90',
       // Dock-shell z-layers (named — the design preset blocks plain
       // `z-<number>`). The floating shell layers sit at the very top of the
       // host page's stacking order, mirroring the upstream dock.