From b5f414471cbe8f78135d164d64c245660fd5782e Mon Sep 17 00:00:00 2001
From: chahat-101 <213402752+chahat-101@users.noreply.github.com>
Date: Fri, 7 Aug 2026 21:17:15 +0530
Subject: [PATCH] Use warning design tokens for connection banner

---
 frontend/apps/main/src/components/banner/ConnectionBanner.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/apps/main/src/components/banner/ConnectionBanner.vue b/frontend/apps/main/src/components/banner/ConnectionBanner.vue
index 1c97480c..48bd3ed6 100644
--- a/frontend/apps/main/src/components/banner/ConnectionBanner.vue
+++ b/frontend/apps/main/src/components/banner/ConnectionBanner.vue
@@ -2,7 +2,7 @@
   <BaseBanner
     v-if="!isOnline"
     :text="$t('globals.messages.noInternetConnection')"
-    color-class="bg-amber-100 text-amber-900 dark:bg-amber-950 dark:text-amber-300"
+    color-class="bg-warning text-warning-foreground"
   />
   <BaseBanner
     v-else-if="connectionFailed"
@@ -12,7 +12,7 @@
   <BaseBanner
     v-else-if="showReconnecting"
     :text="$t('globals.messages.connecting')"
-    color-class="bg-amber-100 text-amber-900 dark:bg-amber-950 dark:text-amber-300"
+    color-class="bg-warning text-warning-foreground"
   />
 </template>