Change all grays to neutral

Author: hugosaintemarie

resources/js/layouts/auth/auth-split-layout.tsx

@@ -22,7 +22,7 @@ export default function AuthSplitLayout({ children, title, description }: AuthLa
                     <div className="relative z-20 mt-auto">
                         <blockquote className="space-y-2">
                             <p className="text-lg">&ldquo;{quote.message}&rdquo;</p>
-                            <footer className="text-sm text-gray-300">{quote.author}</footer>
+                            <footer className="text-sm text-neutral-300">{quote.author}</footer>
                         </blockquote>
                     </div>
                 )}

resources/js/pages/dashboard.tsx

@@ -17,17 +17,17 @@ export default function Dashboard() {
             <div className="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
                 <div className="grid auto-rows-min gap-4 md:grid-cols-3">
                     <div className="border-sidebar-border/70 dark:border-sidebar-border relative aspect-video overflow-hidden rounded-xl border">
-                        <PlaceholderPattern className="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+                        <PlaceholderPattern className="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
                     </div>
                     <div className="border-sidebar-border/70 dark:border-sidebar-border relative aspect-video overflow-hidden rounded-xl border">
-                        <PlaceholderPattern className="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+                        <PlaceholderPattern className="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
                     </div>
                     <div className="border-sidebar-border/70 dark:border-sidebar-border relative aspect-video overflow-hidden rounded-xl border">
-                        <PlaceholderPattern className="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+                        <PlaceholderPattern className="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
                     </div>
                 </div>
                 <div className="border-sidebar-border/70 dark:border-sidebar-border relative min-h-[100vh] flex-1 rounded-xl border md:min-h-min">
-                    <PlaceholderPattern className="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+                    <PlaceholderPattern className="absolute inset-0 size-full stroke-neutral-900/20 dark:stroke-neutral-100/20" />
                 </div>
             </div>
         </AppLayout>

resources/js/pages/settings/password.tsx

@@ -117,7 +117,7 @@ export default function Password() {
                                 leave="transition ease-in-out"
                                 leaveTo="opacity-0"
                             >
-                                <p className="text-sm text-gray-600">Saved</p>
+                                <p className="text-sm text-neutral-600">Saved</p>
                             </Transition>
                         </div>
                     </form>

resources/js/pages/settings/profile.tsx

@@ -77,13 +77,13 @@ export default function Profile({ mustVerifyEmail, status }: { mustVerifyEmail:
 
                         {mustVerifyEmail && auth.user.email_verified_at === null && (
                             <div>
-                                <p className="mt-2 text-sm text-gray-800">
+                                <p className="mt-2 text-sm text-neutral-800">
                                     Your email address is unverified.
                                     <Link
                                         href={route('verification.send')}
                                         method="post"
                                         as="button"
-                                        className="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:ring-2 focus:ring-offset-2 focus:outline-hidden"
+                                        className="rounded-md text-sm text-neutral-600 underline hover:text-neutral-900 focus:ring-2 focus:ring-offset-2 focus:outline-hidden"
                                     >
                                         Click here to re-send the verification email.
                                     </Link>
@@ -107,7 +107,7 @@ export default function Profile({ mustVerifyEmail, status }: { mustVerifyEmail:
                                 leave="transition ease-in-out"
                                 leaveTo="opacity-0"
                             >
-                                <p className="text-sm text-gray-600">Saved</p>
+                                <p className="text-sm text-neutral-600">Saved</p>
                             </Transition>
                         </div>
                     </form>

resources/js/pages/welcome.tsx

@@ -17,7 +17,7 @@ export default function Welcome() {
                 <link rel="preconnect" href="https://rsms.me/" />
                 <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
             </Head>
-            <div className="bg-gray-50 text-black/50 antialiased dark:bg-black dark:text-white/50">
+            <div className="bg-neutral-50 text-black/50 antialiased dark:bg-black dark:text-white/50">
                 <img id="background" className="absolute top-0 -left-20 max-w-[877px]" src="https://laravel.com/assets/img/welcome/background.svg" />
                 <div className="relative flex min-h-screen flex-col items-center justify-center selection:bg-[#FF2D20] selection:text-white">
                     <div className="relative w-full max-w-2xl px-6 lg:max-w-7xl">