Aberdeen - A Premium Filament Theme by Spykapps

A refined, minimal Filament theme with tight spacing, subtle shadows, and Brand New Filament warm-amber accents. Designed for Filament v4 and v5.

Screenshots

Installation

composer require spykapps/theme-aberdeen

Then run the install command:

php artisan aberdeen:install

The command will:

1. Detect your Filament panels (or ask you to choose one if multiple exist)
2. Create a theme CSS file if one doesn't exist yet
3. Add the aberdeen stylesheet import automatically

Register the Plugin

Add the plugin to your panel provider:

use SpyApp\ThemeAberdeen\ThemeAberdeenPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        // ...
        ->plugin(ThemeAberdeenPlugin::make());
}

Compile Assets

npm run build

Features

• Tight border-radius — Clean 4px corners throughout
• Refined shadows — Subtle, layered box-shadows for light & dark modes
• Filament warm-amber accents — Primary buttons, active sidebar indicators, focus rings
• Compact spacing — Denser tables, sections, and form elements
• Dark mode — Full dark mode support with carefully tuned values
• Smooth transitions — 100ms/180ms transitions on interactive elements

Credits

• Sanchit Patil
• All Contributors

License

The MIT License (MIT). Please see License File for more information.