spykapp / filament-flat-theme
A simple theme for FilamentPHP based on a Flat design.
Installs: 1
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Language:CSS
Requires
- php: ^8.1
- filament/filament: ^3.0
README
Filament Flat Theme
A simple theme for FilamentPHP based on a Flat design.
⚠️ Note: Filament Flat Theme is supported only on Filament V3 currently.
Screenshots
Dashboard
| Dashboard Light | Dashboard Dark |
|---|---|
|
|
|
Table
| Customers Light | Customers Dark |
|---|---|
|
|
|
Form
| Form Light | Form Dark |
|---|---|
|
|
|
Widget & Table
| Orders Light | Orders Dark |
|---|---|
|
|
|
Cluster (Sidebar)
| Products Light | Products Dark |
|---|---|
|
|
|
Installation
composer require spykapp/filament-flat-theme
After installing the package, you’ll need to set up a custom Filament theme (if you haven’t already). Follow the official guide here:
📘 Creating a Custom Theme
https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme
Once your custom theme is set up:
-
Open your
theme.cssfile. -
Replace this line:
@import '/vendor/filament/filament/resources/css/theme.css';
with:
@import '/vendor/spykapp/filament-flat-theme/resources/css/theme.css';
-
Then run the build process:
npm run build
✅ That’s it, you’re now using the Filament Flat Theme.
Changelog
Please see CHANGELOG for more information on what has changed recently.
Credits
License
The MIT License (MIT). Please see License File for more information.