From 0caab45e6ae2d741a8c7454e89d80234747940a8 Mon Sep 17 00:00:00 2001
From: Juan Patricio Marroquin <juan.marroquin1@unmsm.edu.pe>
Date: Fri, 15 Mar 2024 09:30:09 -0500
Subject: [PATCH 1/2] fix: dark mode background for spinner

---
 src/app/components/Spinner/Spinner.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/Spinner/Spinner.tsx b/src/app/components/Spinner/Spinner.tsx
index 4298ddb3..f1fcb9e9 100644
--- a/src/app/components/Spinner/Spinner.tsx
+++ b/src/app/components/Spinner/Spinner.tsx
@@ -4,7 +4,7 @@ import SpinnerIcon from "@/public/icons/spinner.svg";
 export const Spinner = ({ className }: { className?: string }) => (
   <SpinnerIcon
     className={twMerge(
-      "animate-spin w-4 text-theme-primary-700 dark:text-primary-650 fill-theme-gray-100 dark:fill-subtle-black",
+      "animate-spin w-4 text-theme-primary-700 dark:text-primary-650 fill-theme-gray-100 dark:fill-theme-gray-700",
       className,
     )}
   />

From 6df8353fb68aa2938595f08fdf67c401fc04a338 Mon Sep 17 00:00:00 2001
From: Juan Patricio Marroquin <juan.marroquin1@unmsm.edu.pe>
Date: Fri, 15 Mar 2024 09:30:17 -0500
Subject: [PATCH 2/2] feat: dark mode for alerts

---
 src/app/components/Alert/Alert.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/Alert/Alert.tsx b/src/app/components/Alert/Alert.tsx
index b32b02d5..8260fca6 100644
--- a/src/app/components/Alert/Alert.tsx
+++ b/src/app/components/Alert/Alert.tsx
@@ -6,14 +6,14 @@ type AlertProperties = HTMLAttributes<HTMLElement> & {
 
 const AlertSuccess = (properties: HTMLAttributes<HTMLElement>): JSX.Element => (
   <div
-    className="border-t border-theme-primary-600 bg-theme-primary-100 text-theme-primary-700 text-sm px-8 py-3"
+    className="border-t border-theme-primary-600 bg-theme-primary-100 text-theme-primary-700 text-sm px-8 py-3 dark:bg-theme-primary-650/20 dark:text-theme-primary-600 dark:border-theme-primary-650"
     {...properties}
   />
 );
 
 const AlertError = (properties: HTMLAttributes<HTMLElement>): JSX.Element => (
   <div
-    className="border-t border-theme- bg-theme-error-100 text-theme-error-700 text-sm px-8 py-3"
+    className="border-t border-t-theme-error-700 bg-theme-error-100 text-theme-error-700 text-sm px-8 py-3 dark:bg-theme-error-800/20 dark:text-theme-error-500 dark:border-t-theme-error-700"
     {...properties}
   />
 );