awcodes / light-switch
Plugin to add theme switching (light/dark/system) to the auth pages for Filament Panels
Fund package maintenance!
awcodes
Installs: 58 816
Dependents: 2
Suggesters: 0
Security: 0
Stars: 38
Watchers: 3
Forks: 4
Open Issues: 0
Requires
- php: ^8.2
- filament/filament: ^4.0
- spatie/laravel-package-tools: ^1.15.0
Requires (Dev)
- laravel/pint: ^1.0
- orchestra/testbench: ^9.0|^10.0
- pestphp/pest: ^3.7
- pestphp/pest-plugin-laravel: ^3.0
- pestphp/pest-plugin-livewire: ^3.0
- rector/rector: ^2.0
- spatie/laravel-ray: ^1.29
This package is auto-updated.
Last update: 2025-08-18 17:35:28 UTC
README
Light Switch
Plugin to add theme switching (light/dark/system) to the auth pages for Filament Panels
Compatibility
Package Version | Filament Version |
---|---|
1.x | 3.x |
2.x | 4.x |
Installation
You can install the package via composer:
composer require awcodes/light-switch
Important
If you have not set up a custom theme and are using Filament Panels follow the instructions in the Filament Docs first.
After setting up a custom theme add the plugin's views to your theme css file or your app's css file if using the standalone packages.
@source '../../../../vendor/awcodes/light-switch/resources/**/*.blade.php';
Usage
use Awcodes\LightSwitch\LightSwitchPlugin; public function panel(Panel $panel): Panel { return $panel ->plugins([ LightSwitchPlugin::make(), ]); }
Position
By default, the switcher will be added to the top right of the auth pages. You can change this by passing one of the Alignment
enums cases to the position()
method.
use Awcodes\LightSwitch\LightSwitchPlugin; use Awcodes\LightSwitch\Enums\Alignment; public function panel(Panel $panel): Panel { return $panel ->plugins([ LightSwitchPlugin::make() ->position(Alignment::BottomCenter), ]); }
Disabling on specific pages
You can disable the switcher on specific pages by passing an array of route strings to the on()
method. Anything in this array will get evaluated as should be shown. Otherwise, it will be enabled on all auth pages available to your panel.
When determining if the switcher should be shown the Str::contains()
method is used to match the route name, so you can pass a partial route string to match multiple pages and not have to pass the complete route name. This is useful if you need to target routes containing a specific panel route, like admin.auth.email
or app.auth.email
.
use Awcodes\LightSwitch\LightSwitchPlugin; public function panel(Panel $panel): Panel { return $panel ->plugins([ LightSwitchPlugin::make() ->enabledOn([ 'auth.email', 'auth.login', 'auth.password', 'auth.profile', 'auth.register', ]), ]); }
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
License
The MIT License (MIT). Please see License File for more information.