add light mode

resources/js/Pages/Profile/Show.vue

@@ -10,6 +10,7 @@ import { usePage } from '@inertiajs/vue3';
 import type { User } from '@/types/models';
 import type { Session } from '@/types/jetstream';
 import ApiTokensForm from "@/Pages/Profile/Partials/ApiTokensForm.vue";
+import ThemeForm from "@/Pages/Profile/Partials/ThemeForm.vue";
 
 defineProps<{
     confirmsTwoFactorAuthentication: boolean;
@@ -32,7 +33,7 @@ const page = usePage<{
 <template>
     <AppLayout title="Profile">
         <template #header>
-            <h2 class="font-semibold text-xl text-white leading-tight">
+            <h2 class="font-semibold text-xl text-text-primary leading-tight">
                 Profile
             </h2>
         </template>
@@ -46,6 +47,12 @@ const page = usePage<{
                     <SectionBorder />
                 </div>
 
+                <div>
+                    <ThemeForm />
+
+                    <SectionBorder />
+                </div>
+
                 <div v-if="page.props.jetstream.canUpdatePassword">
                     <UpdatePasswordForm class="mt-10 sm:mt-0" />