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 resma/filament-awin-theme

2. Add CSS to Vite

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

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

Then rebuild assets:

npm run build

3. Register the Plugin

In your panel provider:

use Resma\FilamentAwinTheme\FilamentAwinTheme;

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

🎨 Customizing the Primary Color

The FilamentAwinTheme 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 Resma\FilamentAwinTheme\FilamentAwinTheme;
use Filament\Support\Colors\Color;

$panel
    ->plugins([
        FilamentAwinTheme::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:

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

Screenshots

License

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

resma / filament-awin-theme

Maintainers

Details