PHPackages osamanagi/filament-abyss-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. [Utility & Helpers](/categories/utility) 4. / 5. osamanagi/filament-abyss-theme ActiveLibrary[Utility & Helpers](/categories/utility) osamanagi/filament-abyss-theme ============================== An aesthetic Abyss theme for FilamentPHP 1.0.1(9mo ago)33.2k↓28.1%1[4 PRs](https://github.com/osamanagi/filament-abyss-theme/pulls)MITCSSPHP ^8.2CI passing Since Sep 7Pushed 2mo agoCompare [ Source](https://github.com/osamanagi/filament-abyss-theme)[ Packagist](https://packagist.org/packages/osamanagi/filament-abyss-theme)[ GitHub Sponsors](https://github.com/osamanagi)[ RSS](/packages/osamanagi-filament-abyss-theme/feed)WikiDiscussions main Synced 3d ago READMEChangelogDependencies (13)Versions (7)Used By (0) Filament Abyss Theme ==================== [](#filament-abyss-theme) [![Latest Version on Packagist](https://camo.githubusercontent.com/ee234f3d2440619d1a85f768f42ee41e6d3226babf34649e5565029fde23e794/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f73616d616e6167692f66696c616d656e742d61627973732d7468656d652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/osamanagi/filament-abyss-theme)[![GitHub Tests Action Status](https://camo.githubusercontent.com/e535752b72b1f8d9f86df20d4b1772350c692a16ada2deefa3c6bfc958d4bccf/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6f73616d616e6167692f66696c616d656e742d61627973732d7468656d652f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/osamanagi/filament-abyss-theme/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/ee37092ccd1ab806b7223cd298484508d5a08b4beb28495a032df24446ffbfce/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6f73616d616e6167692f66696c616d656e742d61627973732d7468656d652f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/osamanagi/filament-abyss-theme/actions?query=workflow%3A%22Fix+PHP+code+styling%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/fe632f832828f8593f643c456f57ff9fb3c8d48cfa82087b253ed8b6e5104600/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f73616d616e6167692f66696c616d656e742d61627973732d7468656d652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/osamanagi/filament-abyss-theme) Aesthetic Abyss theme for FilamentPHP. [![Dashboard Light and Dark](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/dashboard.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/dashboard.png) Installation ------------ [](#installation) You can install the package via composer: ``` composer require osamanagi/filament-abyss-theme ``` Add a new item to the `input` array of your `vite.config.js` file: ``` 'vendor/osamanagi/filament-abyss-theme/resources/css/theme.css'; ``` Run: ``` npm run build ``` Register the plugin on your panel (e.g. `/app/Providers/Filament/AdminPanelProvider.php`): ``` use Nagi\FilamentAbyssTheme\FilamentAbyssThemePlugin; $panel ->plugin(FilamentAbyssThemePlugin::make()) ``` You're all set! --- Appearance ========== [](#appearance) Dashboard Light Dashboard Dark [![Dashboard Light](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/dashboard_light.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/dashboard_light.png) [![Dashboard Dark](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/dashboard_dark.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/dashboard_dark.png) ### User Menu [](#user-menu) User Menu Light User Menu Dark [![User Menu Light](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/user_menu_light.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/user_menu_light.png) [![User Menu Dark](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/user_menu_dark.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/user_menu_dark.png) ### Product [](#product) Create Product Light Create Product Dark [![Create Product Light](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/product_create_light.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/product_create_light.png) [![Create Product Dark](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/product_create_dark.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/product_create_dark.png) ### Notification [](#notification) Notification Light Notification Dark [![Notification Light](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/notification_light.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/notification_light.png) [![Notification Dark](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/notification_dark.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/notification_dark.png) ### Order [](#order) Order List Light Order List Dark Create Order Light Create Order Dark [![Order List Light](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/orders_light.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/orders_light.png) [![Order List Dark](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/orders_dark.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/orders_dark.png) [![Create Order Light](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/order_create_light.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/order_create_light.png) [![Create Order Dark](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/order_create_dark.png)](https://raw.githubusercontent.com/osamanagi/filament-abyss-theme/main/docs/order_create_dark.png) Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details. Security Vulnerabilities ------------------------ [](#security-vulnerabilities) Please review [our security policy](../../security/policy) on how to report security vulnerabilities. Credits ------- [](#credits) - [Osama Nagi](https://github.com/osamanagi) - [Andréia Bohner](https://github.com/andreia) - For the inspiration - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 43 — FairBetter than 89% of packages Maintenance72 Regular maintenance activity Popularity26 Limited adoption so far Community10 Small or concentrated contributor base Maturity53 Maturing project, gaining track record Bus Factor1 Top contributor holds 84.6% 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 ~1 days Total 2 Last Release 299d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/da100de80d33c3e0991340c775beacd1d1a27b682f689c2d945bb3c4b26538d7?d=identicon)[OsamaNagi](/maintainers/OsamaNagi) --- Top Contributors [![osamanagi](https://avatars.githubusercontent.com/u/63210048?v=4)](https://github.com/osamanagi "osamanagi (22 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (3 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (1 commits)") --- Tags filamentphppluginphplaravelthemefilamentfilamentphpfilament-themeaestheticabyss-theme ### Code Quality TestsPest Static AnalysisPHPStan Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/osamanagi-filament-abyss-theme/health.svg) ``` [![Health](https://phpackages.com/badges/osamanagi-filament-abyss-theme/health.svg)](https://phpackages.com/packages/osamanagi-filament-abyss-theme) ``` ### Alternatives [rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.6k](/packages/rawilk-profile-filament-plugin)[andreia/filament-nord-theme A minimalist Arctic Nord theme for FilamentPHP 13643.4k2](/packages/andreia-filament-nord-theme)[dotswan/filament-map-picker Easily pick and retrieve geo-coordinates using a map-based interface in your Filament applications. 128192.3k3](/packages/dotswan-filament-map-picker)[stephenjude/filament-jetstream A Laravel starter kit built with Filament inspired by Jetstream. 17760.2k3](/packages/stephenjude-filament-jetstream)[tapp/filament-google-autocomplete-field Filament plugin that provides a Google Autocomplete field 30136.4k](/packages/tapp-filament-google-autocomplete-field)[croustibat/filament-jobs-monitor Background Jobs monitoring like Horizon for all drivers for FilamentPHP 274326.6k8](/packages/croustibat-filament-jobs-monitor) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)