Adding latest UI updates

Author: tnylea

resources/css/app.css

@@ -20,17 +20,22 @@
         --accent-foreground: 0 0% 9%;
         --destructive: 0 84.2% 60.2%;
         --destructive-foreground: 0 0% 98%;
-        --border: 0 0% 89.8%;
+        --border: 0 0% 92.8%;
         --input: 0 0% 89.8%;
-        --ring: 240 5.9% 10%;
+        --ring: 0 0% 3.9%;
+        --chart-1: 12 76% 61%;
+        --chart-2: 173 58% 39%;
+        --chart-3: 197 37% 24%;
+        --chart-4: 43 74% 66%;
+        --chart-5: 27 87% 67%;
         --radius: 0.5rem;
         --sidebar-background: 0 0% 98%;
         --sidebar-foreground: 240 5.3% 26.1%;
-        --sidebar-primary: 240 5.9% 10%;
+        --sidebar-primary: 0 0% 10%;
         --sidebar-primary-foreground: 0 0% 98%;
-        --sidebar-accent: 240 4.8% 95.9%;
-        --sidebar-accent-foreground: 240 5.9% 30%;
-        --sidebar-border: 220 13% 91%;
+        --sidebar-accent: 0 0% 94%;
+        --sidebar-accent-foreground: 0 0% 30%;
+        --sidebar-border: 0 0% 91%;
         --sidebar-ring: 217.2 91.2% 59.8%;
     }
 
@@ -54,13 +59,18 @@
         --border: 0 0% 14.9%;
         --input: 0 0% 14.9%;
         --ring: 0 0% 83.1%;
-        --sidebar-background: 240 5.9% 10%;
-        --sidebar-foreground: 240 4.8% 95.9%;
+        --chart-1: 220 70% 50%;
+        --chart-2: 160 60% 45%;
+        --chart-3: 30 80% 55%;
+        --chart-4: 280 65% 60%;
+        --chart-5: 340 75% 55%;
+        --sidebar-background: 0 0% 7%;
+        --sidebar-foreground: 0 0% 95.9%;
         --sidebar-primary: 6, 72%, 55%;
         --sidebar-primary-foreground: 0 0% 100%;
-        --sidebar-accent: 240 3.7% 15.9%;
+        --sidebar-accent: 0 0% 15.9%;
         --sidebar-accent-foreground: 240 4.8% 95.9%;
-        --sidebar-border: 240 3.7% 15.9%;
+        --sidebar-border: 0 0% 15.9%;
         --sidebar-ring: 217.2 91.2% 59.8%;
     }
 }
@@ -73,4 +83,4 @@
     body {
         @apply bg-background text-foreground;
     }
-}
+}

resources/js/components/AppHeader.vue

@@ -18,7 +18,6 @@ const props = withDefaults(defineProps<Props>(), {
         <div class="flex items-center gap-2">
             <SidebarTrigger class="-ml-1" />
             <template v-if="breadcrumbs.length > 0">
-                <Separator orientation="vertical" class="mr-2 h-4" />
                 <Breadcrumb>
                     <BreadcrumbList>
                         <template v-for="(item, index) in breadcrumbs" :key="index">

resources/js/components/InputError.vue

@@ -6,7 +6,7 @@ defineProps<{
 
 <template>
     <div v-show="message">
-        <p class="text-sm text-red-600">
+        <p class="text-sm text-red-600 dark:text-red-400">
             {{ message }}
         </p>
     </div>

resources/js/components/NavFooter.vue

@@ -22,9 +22,6 @@ defineProps<Props>();
                             <span>{{ item.title }}</span>
                         </a>
                     </SidebarMenuButton>
-                    <SidebarMenuAction show-on-hover>
-                        <ExternalLink class="text-neutral-600 dark:text-neutral-300" />
-                    </SidebarMenuAction>
                 </SidebarMenuItem>
             </SidebarMenu>
         </SidebarGroupContent>

resources/js/types/index.ts

@@ -31,5 +31,4 @@ export interface User {
     email_verified_at: string | null;
     created_at: string;
     updated_at: string;
-    [key: string]: any; // This allows for additional properties
 }

tailwind.config.js

@@ -12,7 +12,7 @@ export default {
     theme: {
         extend: {
             fontFamily: {
-                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
+                sans: ['Inter var', ...defaultTheme.fontFamily.sans],
             },
             borderRadius: {
                 lg: 'var(--radius)',
@@ -74,4 +74,4 @@ export default {
         },
     },
     plugins: [require('tailwindcss-animate')],
-};
+};