From 9cb0a1ffbf0704331fc5cbdccadab9b021c7c8f2 Mon Sep 17 00:00:00 2001
From: Andrew Roberts <66187991+azroberts8@users.noreply.github.com>
Date: Fri, 8 Mar 2024 14:05:15 -0500
Subject: [PATCH] fix(web): modal password reset modal in dark mode  (#7748)

* Fixed dark mode password reset success

* Fixed prettier issue
---
 web/src/routes/admin/user-management/+page.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/routes/admin/user-management/+page.svelte b/web/src/routes/admin/user-management/+page.svelte
index c5d8874a45..32c6b1f22b 100644
--- a/web/src/routes/admin/user-management/+page.svelte
+++ b/web/src/routes/admin/user-management/+page.svelte
@@ -140,14 +140,20 @@
 
       {#if shouldShowInfoPanel}
         <FullScreenModal onClose={() => (shouldShowInfoPanel = false)}>
-          <div class="w-[500px] max-w-[95vw] rounded-3xl border bg-white p-8 text-sm shadow-sm">
-            <h1 class="mb-4 text-lg font-medium text-immich-primary">Password reset success</h1>
+          <div
+            class="w-[500px] max-w-[95vw] rounded-3xl bg-immich-bg p-8 text-immich-fg shadow-sm dark:bg-immich-dark-gray dark:text-immich-dark-fg"
+          >
+            <h1 class="mb-4 text-2xl font-medium text-immich-primary dark:text-immich-dark-primary">
+              Password reset success
+            </h1>
 
             <p>
               The user's password has been reset to the default <code
-                class="rounded-md bg-gray-200 px-2 py-1 font-bold text-immich-primary">password</code
+                class="rounded-md bg-gray-200 px-2 py-1 font-bold text-immich-primary dark:text-immich-dark-primary dark:bg-gray-700"
+                >password</code
               >
               <br />
+              <br />
               Please inform the user, and they will need to change the password at the next log-on.
             </p>