From 0b90c2fe3c08369fc797d248eaf0c9e23baec5e1 Mon Sep 17 00:00:00 2001
From: Emily <adharaultimasheireen@gmail.com>
Date: Wed, 15 Jan 2025 16:34:10 +0100
Subject: [PATCH] add lightmode to alerts

---
 dashboard/app.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dashboard/app.vue b/dashboard/app.vue
index cdb2a85..73ee119 100644
--- a/dashboard/app.vue
+++ b/dashboard/app.vue
@@ -27,7 +27,7 @@ const { drawerVisible, hideDrawer, drawerClasses } = useDrawer();
 
     <div class="fixed top-4 right-8 z-[999] flex flex-col gap-2" v-if="alerts.length > 0">
       <div v-for="alert of alerts"
-        class="w-[30vw] min-w-[20rem] relative bg-[#151515] overflow-hidden border-solid border-[2px] border-[#262626] rounded-lg p-6 drop-shadow-lg">
+        class="w-[30vw] min-w-[20rem] relative bg-lyx-lightmode-background dark:bg-[#151515] overflow-hidden border-solid border-[2px] border-lyx-lightmode-widget dark:border-[#262626] rounded-lg p-6 drop-shadow-lg">
         <div class="flex items-start gap-4">
           <div> <i :class="alert.icon"></i> </div>
           <div class="grow">