• Version Compatibility
• Filament 4
• Installation
• Appearance
  • Dashboard
  • User Menu
  • Product
  • Order

A light and dark arctic Nord theme for Filament PHP.

#Version Compatibility

#Filament 4

For Filament 4 installation and documention click here.

#Installation

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

To install the theme's required JS libraries (install TailwindCSS plugins: forms, typography, and also postcss, and autoprefixer. Create postcss.config.js if it not exists yet), run:

php artisan filament-nord-theme:install

Add a new item to the input array of your vite.config.js file:

'vendor/andreia/filament-nord-theme/resources/css/theme.css'

Run:

npm run build

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

use Andreia\FilamentNordTheme\FilamentNordThemePlugin;
 
$panel
  ->plugin(FilamentNordThemePlugin::make())

#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