### Install Filament Nord Theme via Composer Source: https://github.com/andreia/filament-nord-theme/blob/2.x/README.md This command installs the Filament Nord Theme using Composer. Ensure you have Composer installed and configured for your PHP project. This command specifies the version constraint for the theme. ```bash composer require andreia/filament-nord-theme:"^2.0" ``` -------------------------------- ### Filament Nord Theme Configuration File Example Source: https://context7.com/andreia/filament-nord-theme/llms.txt An example of the `config/filament-nord-theme.php` file after it has been published. Currently, this file is intended for future configuration options and is empty. ```php // config/filament-nord-theme.php (after publishing) colors([ // Danger - Nord11 Aurora Red 'danger' => '#bf616a', // Gray scale - Nord Polar Night to Snow Storm 'gray' => [ 50 => '#eceff4', // nord6 - snow storm (lightest) 100 => '#e5e9f0', 200 => '#d8dee9', 300 => '#a7b1c5', 400 => '#8c9ab3', 500 => '#71829b', 600 => '#4c566a', // nord3 - polar night 700 => '#434c5e', 800 => '#3b4252', 900 => '#2e3440', // nord0 - polar night (darkest) 950 => '#232831', ], // Info - Nord9 Frost 'info' => '#81a1c1', // Primary - Nord8 Frost (with full scale) 'primary' => [ 50 => '#FAFCFD', 100 => '#F3F9FA', 200 => '#E3EFF2', 300 => '#CFE6EC', 400 => '#ACD4DD', 500 => '#88C0D0', // Base Nord8 600 => '#7AADBB', 700 => '#66909B', 800 => '#52737D', 900 => '#445E66', 950 => '#293A3D', ], // Secondary - Nord10 Frost 'secondary' => '#5e81ac', // Success - Nord14 Aurora Green 'success' => '#a3be8c', // Warning - Nord13 Aurora Yellow 'warning' => '#ebcb8b', ]); ``` -------------------------------- ### Publish Filament Nord Theme Configuration Source: https://context7.com/andreia/filament-nord-theme/llms.txt Publishes the configuration file for the Filament Nord Theme. This allows for future customization, although the current published file is empty. It uses the `vendor:publish` Artisan command. ```bash php artisan vendor:publish --tag="filament-nord-theme-config" ``` -------------------------------- ### Build Project Assets Source: https://context7.com/andreia/filament-nord-theme/llms.txt Compiles the project's assets, including the newly added Nord theme CSS, after updating the Vite configuration. This command should be run after modifying `vite.config.js`. ```bash npm run build ``` -------------------------------- ### Register Nord Theme on Multiple Panels (PHP) Source: https://context7.com/andreia/filament-nord-theme/llms.txt Demonstrates how to register the Filament Nord Theme plugin on multiple Filament panels within an application. This involves adding the plugin in the respective panel provider files. ```php // app/Providers/Filament/AdminPanelProvider.php use Andreia\FilamentNordTheme\FilamentNordThemePlugin; public function panel(Panel $panel): Panel { return $panel ->id('admin') ->path('admin') ->plugin(FilamentNordThemePlugin::make()); } // app/Providers/Filament/AppPanelProvider.php use Andreia\FilamentNordTheme\FilamentNordThemePlugin; public function panel(Panel $panel): Panel { return $panel ->id('app') ->path('app') ->plugin(FilamentNordThemePlugin::make()); } ``` -------------------------------- ### Publish Theme Views (Bash) Source: https://context7.com/andreia/filament-nord-theme/llms.txt Publishes the theme's view files, allowing for customization of the blade templates. This command is executed via the Artisan CLI. ```bash php artisan vendor:publish --tag="filament-nord-theme-views" ``` -------------------------------- ### Register Filament Nord Theme Plugin in Panel Provider Source: https://github.com/andreia/filament-nord-theme/blob/2.x/README.md This PHP code demonstrates how to register the Filament Nord Theme plugin within your Filament panel provider. It uses the `FilamentNordThemePlugin::make()` method to instantiate and register the plugin, enabling the theme for your Filament application. ```php use Andreia\FilamentNordTheme\FilamentNordThemePlugin; $panel ->plugin(FilamentNordThemePlugin::make()) ``` -------------------------------- ### Configure Vite for Filament Nord Theme CSS Source: https://github.com/andreia/filament-nord-theme/blob/2.x/README.md This JavaScript snippet shows how to add the Filament Nord Theme's CSS file to your Vite configuration. This ensures the theme's styles are included in your project's build process. The path points to the theme's CSS resource. ```javascript 'vendor/andreia/filament-nord-theme/resources/css/theme.css' ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.