PHPackages kseven/filament-seven-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. [Admin Panels](/categories/admin) 4. / 5. kseven/filament-seven-theme ActiveLibrary[Admin Panels](/categories/admin) kseven/filament-seven-theme =========================== A modern, responsive, and customizable theme for FilamentPHP, designed to elevate your admin panel with a sleek interface and seamless user experience. v1.0.0(6mo ago)06MITCSSPHP ^8.2 Since Nov 3Pushed 6mo agoCompare [ Source](https://github.com/ksevendev/filament-seven-theme)[ Packagist](https://packagist.org/packages/kseven/filament-seven-theme)[ Docs](https://github.com/ksevendev/filament-seven-theme)[ RSS](/packages/kseven-filament-seven-theme/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (3)Versions (2)Used By (0) Seven Theme - A Sleek FilamentPHP Theme ======================================= [](#seven-theme---a-sleek-filamentphp-theme) 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 ---------- [](#-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 ------------ [](#installation) ### 1. Install via Composer [](#1-install-via-composer) ``` composer require kseven/filament-seven-theme ``` ### 2. Add CSS to Vite [](#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 [](#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 ------------------------------- [](#-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 [](#using-filaments-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 [](#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 ----------- [](#screenshots) [ ![Dashboard Dark](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Dashboard-dark.png) ](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Dashboard-dark.png) [![Dashboard Light](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Dashboard-light.png)](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Dashboard-light.png) [ ![Form Dark](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Form-dark.png) ](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Form-dark.png) [![Form Light](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Form-light.png)](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Form-light.png) [ ![Table Dark](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Table-dark.png) ](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Table-dark.png) [![Table Light](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Table-light.png)](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Table-light.png) [ ![Notifications Dark](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Notifications-dark.png) ](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Notifications-dark.png) [![Notifications Light](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Notifications-light.png)](https://raw.githubusercontent.com/ksevendev/filament-seven-theme/refs/heads/main/images/Notifications-light.png) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 33 — LowBetter than 75% of packages Maintenance68 Regular maintenance activity Popularity4 Limited adoption so far Community6 Small or concentrated contributor base Maturity47 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 Unknown Total 1 Last Release 189d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/370be5a4a8a82b20f3c9a77adc97316236c3473f87419f3595b5080bf5252bf0?d=identicon)[kseven](/maintainers/kseven) --- Top Contributors [![ksevendev](https://avatars.githubusercontent.com/u/32661918?v=4)](https://github.com/ksevendev "ksevendev (6 commits)") --- Tags laravelthemefilamentfilamentphpkSevenfilament-seven-theme ### Code Quality Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/kseven-filament-seven-theme/health.svg) ``` [![Health](https://phpackages.com/badges/kseven-filament-seven-theme/health.svg)](https://phpackages.com/packages/kseven-filament-seven-theme) ``` ### Alternatives [awcodes/filament-quick-create Plugin for Filament Admin that adds a dropdown menu to the header to quickly create new items. 246177.6k7](/packages/awcodes-filament-quick-create)[resma/filament-awin-theme A modern, responsive, and customizable theme for FilamentPHP, designed to elevate your admin panel with a sleek interface and seamless user experience. 1714.6k](/packages/resma-filament-awin-theme)[mradder/filament-logger Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels. 141.1k](/packages/mradder-filament-logger)[a909m/filament-statefusion Filament StateFusion is a powerful FilamentPHP plugin that seamlessly integrates Spatie Laravel Model States into the Filament admin panel. This package provides an intuitive way to manage model states, transitions, and filtering within Filament, enhancing the user experience and developer productivity. 3010.8k1](/packages/a909m-filament-statefusion)[inerba/filament-db-config A Filament plugin for database-backed application settings and editable content, with caching and easy page generation. 329.1k](/packages/inerba-filament-db-config)[caresome/filament-neobrutalism-theme A neobrutalism theme for FilamentPHP admin panels 303.2k](/packages/caresome-filament-neobrutalism-theme) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)