Plugin to add theme switching (light/dark/system) to the auth pages for Filament Panels
Package Version | Filament Version |
---|---|
1.x | 3.x |
2.x | 4.x |
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';
use Awcodes\LightSwitch\LightSwitchPlugin;Â public function panel(Panel $panel): Panel{ return $panel ->plugins([ LightSwitchPlugin::make(), ]);}
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), ]);}
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', ]), ]);}
Please see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
Please review our security policy on how to report security vulnerabilities.
The MIT License (MIT). Please see License File for more information.
Adam is a full-stack web developer (with a focus on Laravel) who has been coding for close to 20 years. He is a core Filament team member as well and has authored numerous plugins for Filament such as Curator, Tiptap Editor and Table Repeater, to name a few. You can learn more about Adam on his website.