README

A modern, responsive, and customizable theme for FilamentPHP, designed to elevate your admin panel with a sleek interface and seamless user experience. Perfect for developers who want a professional look with minimal setup.

✨ Features

• Dark/Light Mode – Toggle between elegant color schemes
• FilamentPHP v4 Ready – Fully compatible with the latest version
• Fully Responsive – Works flawlessly on all devices
• Tailwind CSS/Sass – Easy to customize and extend
• Plug & Play – Install and activate in minutes

Installation

1. Install via Composer

composer require kseven/filament-seven-theme

2. Add CSS to Vite

In your vite.config.js, include the theme's CSS:

input: [
    // ...existing files,
    'vendor/kseven/filament-seven-theme/resources/css/theme.css'
],

Then rebuild assets:

npm run build

3. Register the Plugin

In your panel provider:

use KSeven\FilamentSevenTheme\FilamentSevenTheme;

public function panel(Panel $panel): Panel
{
    return $panel
        // ...your existing config
        ->plugins([
            FilamentSevenTheme::make(),
        ]);
}

🎨 Customizing the Primary Color

The FilamentSevenTheme plugin allows you to set a custom primary color for your Filament panel.

Using Filament’s Built-in Color Palettes

Filament provides predefined color palettes with proper shades (e.g. 500, 600, 700), which are recommended for consistent UI.

use KSeven\FilamentSevenTheme\FilamentSevenTheme;
use Filament\Support\Colors\Color;

$panel->plugins([
    FilamentSevenTheme::make()->primaryColor(Color::Emerald), // Use Filament's Emerald color palette
]);

Using a Custom Hex Color

You can also pass a single hex value if you don’t want to use a palette:

FilamentSevenTheme::make()
    ->primaryColor('#3b82f6'); // Custom blue color

Screenshots

License

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