Filament Nord Theme

A light and dark arctic Nord theme for Filament PHP.

Version Compatibility

Filament	Filament Nord Theme	Documentation
3.x	1.x	Check the docs
4.x	2.x	Check the docs
5.x	3.x	Current

Installation

composer require andreia/filament-nord-theme:"^3.0"

Register the plugin on your panel (e.g. /app/Providers/Filament/AdminPanelProvider.php):

use Andreia\FilamentNordTheme\FilamentNordThemePlugin;

$panel
  ->plugin(FilamentNordThemePlugin::make())

Publish the theme assets:

php artisan filament:assets

Also add the line to import the Nord theme on your custom Filamenttheme.css (eg. resources/css/filament/admin/theme.css):

 @import '../../../../vendor/filament/filament/resources/css/theme.css';
 @import '../../../../vendor/andreia/filament-nord-theme/resources/css/theme.css';

and run:

npm run build

You're all set!

Appearance

Dashboard

Dashboard Light	Dashboard Dark

User Menu

User Menu Light	User Menu Dark

Product

Create Product Light	Create Product Dark

Order

Order List Light	Order List Dark	Create Order Light	Create Order Dark