dark mode supoport

resources/themes/backend/views/livewire/auth/confirm-password.blade.php

@@ -7,13 +7,15 @@
 
         <x-auth-session-status class="text-center" :status="session('status')" />
 
-        <x-passkey-verify
-            options-route="passkey.confirm-options"
-            submit-route="passkey.confirm"
-            :label="__('Confirm with passkey')"
-            :loading-label="__('Confirming...')"
-            :separator="__('Or confirm with password')"
-        />
+        <div class="hd-auth-passkey">
+            <x-passkey-verify
+                options-route="passkey.confirm-options"
+                submit-route="passkey.confirm"
+                :label="__('Confirm with passkey')"
+                :loading-label="__('Confirming...')"
+                :separator="__('Or confirm with password')"
+            />
+        </div>
 
         <form method="POST" action="{{ route('password.confirm.store') }}" class="flex flex-col gap-6">
             @csrf
@@ -28,7 +30,7 @@
                 viewable
             />
 
-            <flux:button variant="primary" type="submit" class="w-full" data-test="confirm-password-button">
+            <flux:button variant="primary" type="submit" class="hd-auth-primary w-full" data-test="confirm-password-button">
                 {{ __('Confirm') }}
             </flux:button>
         </form>

resources/themes/backend/views/livewire/auth/login.blade.php

@@ -5,7 +5,9 @@
         <!-- Session Status -->
         <x-auth-session-status class="text-center" :status="session('status')" />
 
-        <x-passkey-verify />
+        <div class="hd-auth-passkey">
+            <x-passkey-verify />
+        </div>
 
         <form method="POST" action="{{ route('login.store') }}" class="flex flex-col gap-6">
             @csrf
@@ -42,10 +44,12 @@
             </div>
 
             <!-- Remember Me -->
-            <flux:checkbox name="remember" :label="__('Remember me')" :checked="old('remember')" />
+            <div class="hd-auth-checkbox">
+                <flux:checkbox name="remember" :label="__('Remember me')" :checked="old('remember')" />
+            </div>
 
             <div class="flex items-center justify-end">
-                <flux:button variant="primary" type="submit" class="w-full" data-test="login-button">
+                <flux:button variant="primary" type="submit" class="hd-auth-primary w-full" data-test="login-button">
                     {{ __('Log in') }}
                 </flux:button>
             </div>

resources/themes/backend/views/livewire/settings/appearance.blade.php

@@ -4,7 +4,7 @@
     <flux:heading class="sr-only">{{ __('Appearance settings') }}</flux:heading>
 
     <x-settings.layout :heading="__('Appearance')" :subheading=" __('Update the appearance settings for your account')">
-        <flux:radio.group x-data variant="segmented" x-model="$flux.appearance">
+        <flux:radio.group x-data variant="segmented" x-model="$flux.appearance" class="hd-appearance-group">
             <flux:radio value="light" icon="sun">{{ __('Light') }}</flux:radio>
             <flux:radio value="dark" icon="moon">{{ __('Dark') }}</flux:radio>
             <flux:radio value="system" icon="computer-desktop">{{ __('System') }}</flux:radio>