chore: Update user theme to match company theme

app/Providers/Filament/UserPanelProvider.php

@@ -22,9 +22,6 @@ class UserPanelProvider extends PanelProvider
         return $panel
             ->id('user')
             ->path('user')
-            ->colors([
-                'primary' => Color::Indigo,
-            ])
             ->userMenuItems([
                 'profile' => MenuItem::make()
                     ->label('Profile')
@@ -41,6 +38,10 @@ class UserPanelProvider extends PanelProvider
                     ->icon('heroicon-o-key')
                     ->url(static fn () => url(PersonalAccessTokens::getUrl())),
             ])
+            ->colors([
+                'primary' => Color::Indigo,
+            ])
+            ->viteTheme('resources/css/filament/user/theme.css')
             ->discoverResources(in: app_path('Filament/User/Resources'), for: 'App\\Filament\\User\\Resources')
             ->discoverPages(in: app_path('Filament/User/Pages'), for: 'App\\Filament\\User\\Pages')
             ->pages([

resources/css/filament/user/tailwind.config.js

@@ -0,0 +1,22 @@
+import preset from '../../../../vendor/filament/filament/tailwind.config.preset'
+
+export default {
+    presets: [preset],
+    content: [
+        './app/Filament/User/**/*.php',
+        './resources/views/**/*.blade.php',
+        './resources/views/filament/user/**/*.blade.php',
+        './vendor/filament/**/*.blade.php',
+        './vendor/andrewdwallo/filament-companies/resources/views/**/*.blade.php',
+    ],
+    theme: {
+        extend: {
+            colors: {
+                white: '#F6F5F3',
+                platinum: '#E8E9EB',
+                moonlight: '#F6F5F3',
+                translucent: 'rgba(54, 54, 52, 0.06)',
+            }
+        }
+    }
+}

resources/css/filament/user/theme.css

@@ -0,0 +1,17 @@
+@import '../../../../vendor/filament/filament/resources/css/theme.css';
+
+@config './tailwind.config.js';
+
+.fi-body {
+    @apply bg-platinum;
+}
+
+.fi-topbar > nav {
+    @apply bg-translucent;
+}
+
+.fi-sidebar-header {
+    @apply bg-translucent;
+}
+
+

vite.config.js

@@ -8,6 +8,7 @@ export default defineConfig({
                 'resources/css/app.css',
                 'resources/js/app.js',
                 'resources/css/filament/company/theme.css',
+                'resources/css/filament/user/theme.css',
             ],
             refresh: [
                 ...refreshPaths,