From 2a2b82f9fc232361f25c7e286343fb0cc9e4fbab Mon Sep 17 00:00:00 2001
From: CN <31734342+cn42@users.noreply.github.com>
Date: Thu, 4 Jan 2024 10:41:01 +0100
Subject: [PATCH] Update alert.ftl

Made template dark mode ready
---
 theme/keywind/login/components/atoms/alert.ftl | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/theme/keywind/login/components/atoms/alert.ftl b/theme/keywind/login/components/atoms/alert.ftl
index 58e8309..aff67f2 100644
--- a/theme/keywind/login/components/atoms/alert.ftl
+++ b/theme/keywind/login/components/atoms/alert.ftl
@@ -1,22 +1,22 @@
 <#macro kw color="">
   <#switch color>
     <#case "error">
-      <#assign colorClass="bg-red-100 text-red-600">
+      <#assign colorClass="bg-red-100 text-red-600 dark:bg-red-200 dark:text-red-700">
       <#break>
     <#case "info">
-      <#assign colorClass="bg-blue-100 text-blue-600">
+      <#assign colorClass="bg-blue-100 text-blue-600 dark:bg-blue-200 dark:text-blue-700">
       <#break>
     <#case "success">
-      <#assign colorClass="bg-green-100 text-green-600">
+      <#assign colorClass="bg-green-100 text-green-600 dark:bg-green-200 dark:text-green-700">
       <#break>
     <#case "warning">
-      <#assign colorClass="bg-orange-100 text-orange-600">
+      <#assign colorClass="bg-orange-100 text-orange-600 dark:bg-orange-200 dark:text-orange-700">
       <#break>
     <#default>
-      <#assign colorClass="bg-blue-100 text-blue-600">
+      <#assign colorClass="bg-blue-100 text-blue-600 dark:bg-blue-200 dark:text-blue-700">
   </#switch>
 
-  <div class="${colorClass} p-4 rounded-lg text-sm" role="alert">
+  <div class="${colorClass} px-4 py-3 rounded-lg text-sm" role="alert">
     <#nested>
   </div>
 </#macro>