Download the PHP package hasnayeen/themes without Composer

Themes for Filament panels

Themes is a Filament plugin that allows users to set themes from a collection and customize the color of the selected theme. The package provides a simple and easy-to-use interface for selecting and applying themes to Filament panels.

Available For Hire

For custom theme please reach out via discord

I'm also available for contractual work on this stack (Filament, Laravel, Livewire, AlpineJS, TailwindCSS). Reach me via discord

Installation

You can install the package via composer:

Publish plugin assets by running following commands

If you want to set theme per user then you'll need to run the package migration. You can publish and run the migrations with:

You need to publish config file and change 'mode' => 'user' in order to set theme for user separately

You can publish the config file with:

This is the contents of the published config file:

Optionally, you can publish the views using

Usage

You'll have to register the plugin in your panel provider

Add Hasnayeen\Themes\Http\Middleware\SetTheme middleware to your provider middleware method or if you're using filament multi-tenancy then instead add to tenantMiddleware method.

This plugin provides a themes setting page. You can visit the page from user menu.

Authorization

You can configure the authorization of themes settings page and user menu option by providing a closure to the canViewThemesPage method on ThemesPlugin.

Customize theme collection

You can create new custom theme and register them via registerTheme method on plugin.

You can also remove plugins default theme set by providing override argument as true. You may choose to pick some of the themes from plugin theme set.

Create custom theme

You can create custom theme and register them in themes plugin. To create a new theme run following command in the terminal and follow the steps

This will create the following class

If your theme support changing primary color then implement Hasnayeen\Themes\Contracts\HasChangeableColor interface and getPrimaryColor method.

If your theme need to change panel config then do so inside modifyPanelConfig method in your theme.

Next add a new item to the input array of vite.config.js: resources/css/awesome.css

Available Themes

Dracula (dark)

Nord (light)

Nord (dark)

Sunset (light)

Sunset (dark)

Upgrading

Everytime you update the package you should run package upgrade command so that necessary assets have been published.

Alternatively you can add this command to composer.json on post-autoload-dump hook so that upgrade command run automatically after every update.

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

• Hasnayeen
• All Contributors

License

The MIT License (MIT). Please see License File for more information.