Add a site-wide dark mode
This commit is contained in:
@@ -7,23 +7,28 @@
|
||||
|
||||
<Window>
|
||||
{#if form?.error}
|
||||
<div class="mb-4 rounded-lg bg-red-50 px-4 py-3 text-sm text-red-700" role="alert">
|
||||
<div
|
||||
class="mb-4 rounded-lg bg-red-50 px-4 py-3 text-sm text-red-700 dark:bg-red-950/50 dark:text-red-300"
|
||||
role="alert"
|
||||
>
|
||||
{form.error}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<form method="POST" class="flex flex-col gap-4">
|
||||
<h1 class="text-2xl font-bold text-slate-900">
|
||||
<h1 class="text-2xl font-bold text-slate-900 dark:text-slate-100">
|
||||
{data.invite ? 'Set Your Password' : 'Reset Password'}
|
||||
</h1>
|
||||
{#if data.invite}
|
||||
<p class="text-sm text-slate-600">
|
||||
<p class="text-sm text-slate-600 dark:text-slate-400">
|
||||
Welcome! Choose a password to finish setting up your account.
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label for="password" class="text-sm font-medium text-slate-700"> New Password </label>
|
||||
<label for="password" class="text-sm font-medium text-slate-700 dark:text-slate-300">
|
||||
New Password
|
||||
</label>
|
||||
<input
|
||||
id="password"
|
||||
type="password"
|
||||
@@ -31,12 +36,12 @@
|
||||
placeholder="••••••••"
|
||||
required
|
||||
minlength="8"
|
||||
class="h-11 w-full rounded-lg border-slate-300 px-3 text-sm text-slate-900 focus:border-indigo-500 focus:ring-indigo-500"
|
||||
class="h-11 w-full rounded-lg border-slate-300 px-3 text-sm text-slate-900 focus:border-indigo-500 focus:ring-indigo-500 dark:border-slate-700 dark:text-slate-100"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<label for="password2" class="text-sm font-medium text-slate-700">
|
||||
<label for="password2" class="text-sm font-medium text-slate-700 dark:text-slate-300">
|
||||
Confirm New Password
|
||||
</label>
|
||||
<input
|
||||
@@ -46,7 +51,7 @@
|
||||
placeholder="••••••••"
|
||||
required
|
||||
minlength="8"
|
||||
class="h-11 w-full rounded-lg border-slate-300 px-3 text-sm text-slate-900 focus:border-indigo-500 focus:ring-indigo-500"
|
||||
class="h-11 w-full rounded-lg border-slate-300 px-3 text-sm text-slate-900 focus:border-indigo-500 focus:ring-indigo-500 dark:border-slate-700 dark:text-slate-100"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user