Nord theme plugin screenshot
Dark mode ready
Multilingual support
Supports v5.x

Nord theme

Dark and light arctic Nord theme.

Tags: Theme Panels
Supported versions:
5.x 4.x 3.x
Andréia Bohner avatar Author: Andréia Bohner

Documentation

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

A light and dark arctic Nord theme for Filament PHP.

Dashboard Light and Dark

#Version Compatibility

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

#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
Dashboard Light Dashboard Dark

#User Menu

User Menu Light User Menu Dark
User Menu Light User Menu Dark

#Product

Create Product Light Create Product Dark
Create Product Light Create Product Dark

#Order

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