andreia/filament-nord-theme

Dark and light arctic Nord theme for your Filament PHP apps.

Filament Nord Theme

A light and dark arctic Nord theme for Filament PHP.

Installation

composer require andreia/filament-nord-theme

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