Dark Theme Auth Pages

This commit is contained in:
Refringe 2024-06-23 18:53:12 -04:00
parent 3068712f12
commit 8d2f6f31e6
Signed by: Refringe
SSH Key Fingerprint: SHA256:t865XsQpfTeqPRBMN2G6+N8wlDjkgUCZF3WGW6O9N/k
7 changed files with 19 additions and 19 deletions

View File

@ -4,7 +4,7 @@
<x-authentication-card-logo /> <x-authentication-card-logo />
</x-slot> </x-slot>
<div class="mb-4 text-sm text-gray-600"> <div class="mb-4 text-sm text-gray-600 dark:text-gray-300">
{{ __('This is a secure area of the application. Please confirm your password before continuing.') }} {{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
</div> </div>

View File

@ -4,12 +4,12 @@
<x-authentication-card-logo /> <x-authentication-card-logo />
</x-slot> </x-slot>
<div class="mb-4 text-sm text-gray-600"> <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
{{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }} {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
</div> </div>
@session('status') @session('status')
<div class="mb-4 font-medium text-sm text-green-600"> <div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
{{ $value }} {{ $value }}
</div> </div>
@endsession @endsession

View File

@ -7,7 +7,7 @@
<x-validation-errors class="mb-4" /> <x-validation-errors class="mb-4" />
@session('status') @session('status')
<div class="mb-4 font-medium text-sm text-green-600"> <div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
{{ $value }} {{ $value }}
</div> </div>
@endsession @endsession
@ -28,13 +28,13 @@
<div class="block mt-4"> <div class="block mt-4">
<label for="remember_me" class="flex items-center"> <label for="remember_me" class="flex items-center">
<x-checkbox id="remember_me" name="remember" /> <x-checkbox id="remember_me" name="remember" />
<span class="ms-2 text-sm text-gray-600">{{ __('Remember me') }}</span> <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
</label> </label>
</div> </div>
<div class="flex items-center justify-end mt-4"> <div class="flex items-center justify-end mt-4">
@if (Route::has('password.request')) @if (Route::has('password.request'))
<a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}"> <a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
{{ __('Forgot your password?') }} {{ __('Forgot your password?') }}
</a> </a>
@endif @endif

View File

@ -37,8 +37,8 @@
<div class="ms-2"> <div class="ms-2">
{!! __('I agree to the :terms_of_service and :privacy_policy', [ {!! __('I agree to the :terms_of_service and :privacy_policy', [
'terms_of_service' => '<a target="_blank" href="'.route('terms.show').'" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">'.__('Terms of Service').'</a>', 'terms_of_service' => '<a target="_blank" href="'.route('terms.show').'" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">'.__('Terms of Service').'</a>',
'privacy_policy' => '<a target="_blank" href="'.route('policy.show').'" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">'.__('Privacy Policy').'</a>', 'privacy_policy' => '<a target="_blank" href="'.route('policy.show').'" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">'.__('Privacy Policy').'</a>',
]) !!} ]) !!}
</div> </div>
</div> </div>
@ -47,7 +47,7 @@
@endif @endif
<div class="flex items-center justify-end mt-4"> <div class="flex items-center justify-end mt-4">
<a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('login') }}"> <a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" href="{{ route('login') }}">
{{ __('Already registered?') }} {{ __('Already registered?') }}
</a> </a>

View File

@ -5,11 +5,11 @@
</x-slot> </x-slot>
<div x-data="{ recovery: false }"> <div x-data="{ recovery: false }">
<div class="mb-4 text-sm text-gray-600" x-show="! recovery"> <div class="mb-4 text-sm text-gray-600 dark:text-gray-400" x-show="! recovery">
{{ __('Please confirm access to your account by entering the authentication code provided by your authenticator application.') }} {{ __('Please confirm access to your account by entering the authentication code provided by your authenticator application.') }}
</div> </div>
<div class="mb-4 text-sm text-gray-600" x-cloak x-show="recovery"> <div class="mb-4 text-sm text-gray-600 dark:text-gray-400" x-cloak x-show="recovery">
{{ __('Please confirm access to your account by entering one of your emergency recovery codes.') }} {{ __('Please confirm access to your account by entering one of your emergency recovery codes.') }}
</div> </div>
@ -29,7 +29,7 @@
</div> </div>
<div class="flex items-center justify-end mt-4"> <div class="flex items-center justify-end mt-4">
<button type="button" class="text-sm text-gray-600 hover:text-gray-900 underline cursor-pointer" <button type="button" class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 underline cursor-pointer"
x-show="! recovery" x-show="! recovery"
x-on:click=" x-on:click="
recovery = true; recovery = true;
@ -38,7 +38,7 @@
{{ __('Use a recovery code') }} {{ __('Use a recovery code') }}
</button> </button>
<button type="button" class="text-sm text-gray-600 hover:text-gray-900 underline cursor-pointer" <button type="button" class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 underline cursor-pointer"
x-cloak x-cloak
x-show="recovery" x-show="recovery"
x-on:click=" x-on:click="

View File

@ -4,12 +4,12 @@
<x-authentication-card-logo /> <x-authentication-card-logo />
</x-slot> </x-slot>
<div class="mb-4 text-sm text-gray-600"> <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
{{ __('Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }} {{ __('Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
</div> </div>
@if (session('status') == 'verification-link-sent') @if (session('status') == 'verification-link-sent')
<div class="mb-4 font-medium text-sm text-green-600"> <div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
{{ __('A new verification link has been sent to the email address you provided in your profile settings.') }} {{ __('A new verification link has been sent to the email address you provided in your profile settings.') }}
</div> </div>
@endif @endif
@ -28,14 +28,14 @@
<div> <div>
<a <a
href="{{ route('profile.show') }}" href="{{ route('profile.show') }}"
class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"
> >
{{ __('Edit Profile') }}</a> {{ __('Edit Profile') }}</a>
<form method="POST" action="{{ route('logout') }}" class="inline"> <form method="POST" action="{{ route('logout') }}" class="inline">
@csrf @csrf
<button type="submit" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 ms-2"> <button type="submit" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 ms-2">
{{ __('Log Out') }} {{ __('Log Out') }}
</button> </button>
</form> </form>

View File

@ -1,9 +1,9 @@
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100"> <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
<div> <div>
{{ $logo }} {{ $logo }}
</div> </div>
<div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg"> <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
{{ $slot }} {{ $slot }}
</div> </div>
</div> </div>