style: custom CSS theme with top navigation from HTML design tokens

- Custom Filament CSS: Material colors (#0058be primary), Manrope/Inter fonts
- Top navigation bar 56px, white bg, border-bottom
- Sharper border-radius, custom badge colors, form input styling
- Similar Cases & Attachment Links redesigned to match HTML mockups
- AdminPanelProvider: topNavigation(), custom colors, renderHook CSS injection
- Dark mode overrides included
This commit is contained in:
2026-04-27 09:09:33 +00:00
parent ce3136803e
commit 694d6f7c63
4 changed files with 584 additions and 62 deletions

View File

@@ -7,16 +7,20 @@ use Filament\Http\Middleware\AuthenticateSession;
use Filament\Http\Middleware\DisableBladeIconComponents;
use Filament\Http\Middleware\DispatchServingFilamentEvent;
use Filament\Navigation\NavigationGroup;
use Filament\Navigation\NavigationItem;
use Filament\Pages\Dashboard;
use Filament\Panel;
use Filament\PanelProvider;
use Filament\Support\Colors\Color;
use Filament\Support\Facades\FilamentView;
use Filament\View\PanelsRenderHook;
use Filament\Widgets\AccountWidget;
use Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse;
use Illuminate\Cookie\Middleware\EncryptCookies;
use Illuminate\Foundation\Http\Middleware\PreventRequestForgery;
use Illuminate\Routing\Middleware\SubstituteBindings;
use Illuminate\Session\Middleware\StartSession;
use Illuminate\Support\Facades\Blade;
use Illuminate\View\Middleware\ShareErrorsFromSession;
class AdminPanelProvider extends PanelProvider
@@ -29,9 +33,17 @@ class AdminPanelProvider extends PanelProvider
->path('admin')
->login()
->brandName('AfterSales CRM')
->topNavigation()
->colors([
'primary' => Color::Blue,
'primary' => '#0058be',
'secondary' => '#585f6c',
'gray' => '#585f6c',
'success' => '#10b981',
'warning' => '#f59e0b',
'danger' => '#ba1a1a',
'info' => '#3b82f6',
])
->font('Inter')
->discoverResources(in: app_path('Filament/Resources'), for: 'App\Filament\Resources')
->discoverPages(in: app_path('Filament/Pages'), for: 'App\Filament\Pages')
->pages([
@@ -60,6 +72,14 @@ class AdminPanelProvider extends PanelProvider
])
->authMiddleware([
Authenticate::class,
]);
])
->renderHook(
PanelsRenderHook::HEAD_END,
fn (): string => '<link rel="stylesheet" href="' . asset('css/filament-custom.css') . '">',
)
->renderHook(
PanelsRenderHook::BODY_END,
fn (): string => '<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet">',
);
}
}