theme, welcome

Author: connorabbas

resources/js/Pages/Welcome.vue

@@ -33,12 +33,9 @@ defineProps({
             >
                 <template #content>
                     <div class="text-center md:text-left">
-                        <span class="block text-6xl font-bold mb-1">
-                            Laravel Inertia
-                        </span>
-                        <div class="text-6xl text-primary font-bold mb-4">
-                            & PrimeVue
-                        </div>
+                        <span class="block text-6xl font-bold text-red-500 dark:text-red-400 mb-1 ">Laravel,</span>
+                        <div class="text-6xl font-bold text-indigo-500 dark:text-indigo-400 mb-1">Inertia.js,</div>
+                        <div class="text-6xl text-green-500 dark:text-green-400 text-emerald font-bold mb-4">& PrimeVue</div>
                         <p class="mt-0 mb-4 text-muted-color leading-normal">
                             A starter kit using
                             <a

resources/js/theme-preset.js

@@ -4,17 +4,17 @@ import { definePreset } from '@primevue/themes';
 const customThemePreset = definePreset(Preset, {
     semantic: {
         primary: {
-            50: '{indigo.50}',
-            100: '{indigo.100}',
-            200: '{indigo.200}',
-            300: '{indigo.300}',
-            400: '{indigo.400}',
-            500: '{indigo.500}',
-            600: '{indigo.600}',
-            700: '{indigo.700}',
-            800: '{indigo.800}',
-            900: '{indigo.900}',
-            950: '{indigo.950}',
+            50: '{blue.50}',
+            100: '{blue.100}',
+            200: '{blue.200}',
+            300: '{blue.300}',
+            400: '{blue.400}',
+            500: '{blue.500}',
+            600: '{blue.600}',
+            700: '{blue.700}',
+            800: '{blue.800}',
+            900: '{blue.900}',
+            950: '{blue.950}',
         },
         colorScheme: {
             light: {