Plugin to add theme switching (light/dark/system) to the auth pages for Filament Panels
You can install the package via composer:
composer require awcodes/light-switch
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), ]);}Â // Available positionsAlignment::TopLeftAlignment::TopCenterAlignment::TopRightAlignment::BottomLeftAlignment::BottomCenterAlignment::BottomRight
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.