PHPackages                             openplain/filament-shadcn-theme - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. openplain/filament-shadcn-theme

ActiveLibrary[Templating & Views](/categories/templating)

openplain/filament-shadcn-theme
===============================

Shadcn UI theme for Filament - Beautiful color themes with the iconic Shadcn design system

v1.1.0(3mo ago)4420.0k—0.6%52MITPHPPHP ^8.2|^8.3|^8.4

Since Oct 16Pushed 3mo agoCompare

[ Source](https://github.com/openplain/filament-shadcn-theme)[ Packagist](https://packagist.org/packages/openplain/filament-shadcn-theme)[ Docs](https://github.com/openplain/filament-shadcn-theme)[ RSS](/packages/openplain-filament-shadcn-theme/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (4)Used By (2)

Filament Shadcn Theme
=====================

[](#filament-shadcn-theme)

**The only Filament theme that changes colors between light and dark modes** — just like Shadcn UI.

[![Latest Version on Packagist](https://camo.githubusercontent.com/d309cd6e5e33f37a25441dc6eabb6a4d5e585ee505602772e8b29b4213ca2ce0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f70656e706c61696e2f66696c616d656e742d73686164636e2d7468656d652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/openplain/filament-shadcn-theme)[![Total Downloads](https://camo.githubusercontent.com/c837b70ce2141f2777d27aed856bb2a7cd3dca94705e05ff5e712a475f5b0779/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f70656e706c61696e2f66696c616d656e742d73686164636e2d7468656d652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/openplain/filament-shadcn-theme)

Why This Package?
-----------------

[](#why-this-package)

Filament's built-in themes keep the same colors in both light and dark modes. A blue button stays blue. Always.

**Shadcn changes the game** — the Default theme creates sophisticated contrast with inverted colors:

- **Light mode**: Dark charcoal buttons that command attention
- **Dark mode**: Light gray buttons that feel native

This is the Shadcn magic. Now available for Filament.

Screenshots
-----------

[](#screenshots)

[![Posts - Light Mode](screenshots/posts-table-light.png)](screenshots/posts-table-light.png)
**Light Mode** - Dark buttons on light background [![Posts - Dark Mode](screenshots/posts-table-dark.png)](screenshots/posts-table-dark.png)
**Dark Mode** - Light buttons on dark background [![Orders - Light Mode](screenshots/orders-table-light.png)](screenshots/orders-table-light.png)
**Orders List** - With stats and filters [![Orders - Dark Mode](screenshots/orders-table-dark.png)](screenshots/orders-table-dark.png)
**Perfect contrast** - In both modes

Installation
------------

[](#installation)

```
composer require openplain/filament-shadcn-theme
```

Basic Usage
-----------

[](#basic-usage)

Add to your Panel Provider (e.g., `app/Providers/Filament/AdminPanelProvider.php`):

```
use Openplain\FilamentShadcnTheme\Color;

public function panel(Panel $panel): Panel
{
    return $panel
        ->colors([
            'primary' => Color::Default,  // The Shadcn effect
        ]);
}
```

All 8 Official Themes
---------------------

[](#all-8-official-themes)

```
Color::Default  // Inverted grays (Shadcn's signature)
Color::Red      // Vibrant red
Color::Rose     // Soft rose
Color::Orange   // Warm orange
Color::Green    // Fresh green
Color::Blue     // Classic blue
Color::Yellow   // Bright yellow
Color::Violet   // Rich violet
```

Based on the official themes from [ui.shadcn.com/themes](https://ui.shadcn.com/themes).

Advanced: Custom Adaptive Colors
--------------------------------

[](#advanced-custom-adaptive-colors)

Want your brand blue in light mode but teal in dark mode? Use the `adaptive()` method:

```
use Filament\Support\Colors\Color as FilamentColor;

'primary' => Color::adaptive(
    lightColor: FilamentColor::Blue,
    darkColor: FilamentColor::Teal
)
```

Perfect for:

- Brands requiring specific contrast ratios
- Seasonal color changes
- Multi-tenant applications with theme requirements

Requirements
------------

[](#requirements)

- PHP 8.1+
- Filament 4.0+

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

---

Built with ❤️ by [Openplain](https://openplain.dev)

###  Health Score

50

—

FairBetter than 96% of packages

Maintenance78

Regular maintenance activity

Popularity41

Moderate usage in the ecosystem

Community14

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~47 days

Total

3

Last Release

119d ago

PHP version history (2 changes)v1.0.0PHP ^8.1

v1.1.0PHP ^8.2|^8.3|^8.4

### Community

Maintainers

![](https://www.gravatar.com/avatar/3409eebf1fda9ec9cb13342e20094a561ff59b262c75686cab36c74fc1503097?d=identicon)[mashema](/maintainers/mashema)

---

Top Contributors

[![mashema](https://avatars.githubusercontent.com/u/2392231?v=4)](https://github.com/mashema "mashema (3 commits)")

---

Tags

themefilamentshadcndark-modecolorsshadcn-uifilament-themelight-mode

### Embed Badge

![Health badge](/badges/openplain-filament-shadcn-theme/health.svg)

```
[![Health](https://phpackages.com/badges/openplain-filament-shadcn-theme/health.svg)](https://phpackages.com/packages/openplain-filament-shadcn-theme)
```

###  Alternatives

[andreia/filament-nord-theme

A minimalist Arctic Nord theme for FilamentPHP

13334.7k2](/packages/andreia-filament-nord-theme)[amidesfahani/filament-tinyeditor

Filament TinyMce Editor

99328.8k4](/packages/amidesfahani-filament-tinyeditor)[filafly/brisk

A simple, friendly theme for Filament.

2211.9k1](/packages/filafly-brisk)[tomatophp/filament-plugins

Manage your modules as a plugin system with plugin generator

644.7k2](/packages/tomatophp-filament-plugins)[novadaemon/filament-combobox

Side by side combobox multiselect field to use in your FilamentPHP forms

2618.1k](/packages/novadaemon-filament-combobox)[tomatophp/filament-docs

Manage your documents and contracts all in one place with template builder

422.6k](/packages/tomatophp-filament-docs)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)