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(8mo ago)011MITCSSPHP ^8.2 Since Nov 3Pushed 8mo 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 today 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 32 — LowBetter than 69% of packages Maintenance62 Regular maintenance activity Popularity5 Limited adoption so far Community6 Small or concentrated contributor base Maturity48 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 242d 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 [rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.6k](/packages/rawilk-profile-filament-plugin)[marcelweidum/filament-passkeys Use passkeys in your filamentphp app 6649.5k1](/packages/marcelweidum-filament-passkeys)[mradder/filament-logger Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels. 2317.1k](/packages/mradder-filament-logger)[stephenjude/filament-jetstream A Laravel starter kit built with Filament inspired by Jetstream. 17760.2k3](/packages/stephenjude-filament-jetstream)[awcodes/filament-quick-create Plugin for Filament Admin that adds a dropdown menu to the header to quickly create new items. 251217.6k12](/packages/awcodes-filament-quick-create)[stephenjude/filament-two-factor-authentication Filament Two Factor Authentication: Google 2FA + Passkey Authentication 84215.9k9](/packages/stephenjude-filament-two-factor-authentication) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)