From 8ab50403510ddf914319e29983664ce3753925c8 Mon Sep 17 00:00:00 2001
From: Jason Rasmussen <jason@rasm.me>
Date: Fri, 16 May 2025 12:58:17 -0400
Subject: [PATCH] fix(web): modal colors (#18332)

* feat(web): clear person birthdate

* fix(web): modal colors
---
 web/src/lib/modals/ConfirmModal.svelte              | 2 +-
 web/src/lib/modals/PasswordResetSuccessModal.svelte | 8 +-------
 web/src/lib/modals/UserCreateModal.svelte           | 2 +-
 web/src/lib/modals/UserEditModal.svelte             | 2 +-
 web/src/lib/modals/UserRestoreConfirmModal.svelte   | 2 +-
 5 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/web/src/lib/modals/ConfirmModal.svelte b/web/src/lib/modals/ConfirmModal.svelte
index 9726a1d9cfa..327d13c3551 100644
--- a/web/src/lib/modals/ConfirmModal.svelte
+++ b/web/src/lib/modals/ConfirmModal.svelte
@@ -30,7 +30,7 @@
   };
 </script>
 
-<Modal {title} onClose={() => onClose(false)} {size} class="bg-light text-dark">
+<Modal {title} onClose={() => onClose(false)} {size}>
   <ModalBody>
     {#if promptSnippet}{@render promptSnippet()}{:else}
       <p>{prompt}</p>
diff --git a/web/src/lib/modals/PasswordResetSuccessModal.svelte b/web/src/lib/modals/PasswordResetSuccessModal.svelte
index 74e035b93b4..9f8dc9d6680 100644
--- a/web/src/lib/modals/PasswordResetSuccessModal.svelte
+++ b/web/src/lib/modals/PasswordResetSuccessModal.svelte
@@ -12,13 +12,7 @@
   const { onClose, newPassword }: Props = $props();
 </script>
 
-<Modal
-  title={$t('password_reset_success')}
-  icon={mdiCheck}
-  onClose={() => onClose()}
-  size="small"
-  class="bg-light text-dark"
->
+<Modal title={$t('password_reset_success')} icon={mdiCheck} onClose={() => onClose()} size="small">
   <ModalBody>
     <div class="flex flex-col gap-4">
       <Text>{$t('admin.user_password_has_been_reset')}</Text>
diff --git a/web/src/lib/modals/UserCreateModal.svelte b/web/src/lib/modals/UserCreateModal.svelte
index 34e498ce1c2..f40a709215b 100644
--- a/web/src/lib/modals/UserCreateModal.svelte
+++ b/web/src/lib/modals/UserCreateModal.svelte
@@ -81,7 +81,7 @@
   };
 </script>
 
-<Modal title={$t('create_new_user')} {onClose} size="small" class="text-dark bg-light">
+<Modal title={$t('create_new_user')} {onClose} size="small">
   <ModalBody>
     <form onsubmit={onSubmit} autocomplete="off" id="create-new-user-form">
       {#if error}
diff --git a/web/src/lib/modals/UserEditModal.svelte b/web/src/lib/modals/UserEditModal.svelte
index a54dd905905..0bb018721b8 100644
--- a/web/src/lib/modals/UserEditModal.svelte
+++ b/web/src/lib/modals/UserEditModal.svelte
@@ -51,7 +51,7 @@
   };
 </script>
 
-<Modal title={$t('edit_user')} size="small" icon={mdiAccountEditOutline} {onClose} class="text-dark bg-light">
+<Modal title={$t('edit_user')} size="small" icon={mdiAccountEditOutline} {onClose}>
   <ModalBody>
     <form onsubmit={onSubmit} autocomplete="off" id="edit-user-form">
       <div class="mb-4 flex flex-col gap-2">
diff --git a/web/src/lib/modals/UserRestoreConfirmModal.svelte b/web/src/lib/modals/UserRestoreConfirmModal.svelte
index c8fde89f366..5cf9c1c91b9 100644
--- a/web/src/lib/modals/UserRestoreConfirmModal.svelte
+++ b/web/src/lib/modals/UserRestoreConfirmModal.svelte
@@ -23,7 +23,7 @@
   };
 </script>
 
-<Modal title={$t('restore_user')} {onClose} icon={mdiDeleteRestore} size="small" class="bg-light text-dark">
+<Modal title={$t('restore_user')} {onClose} icon={mdiDeleteRestore} size="small">
   <ModalBody>
     <p>
       <FormatMessage key="admin.user_restore_description" values={{ user: user.name }}>