Skip to content

alkoumi/filament-nord-theme

 
 

Repository files navigation

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

Filament Nord Theme

A light and dark arctic Nord theme for Filament PHP.

Dashboard Light and Dark

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
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

About

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

Resources

License

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • PHP 53.3%
  • CSS 31.6%
  • JavaScript 15.1%