PHPackages rafyakbar/arasy-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. rafyakbar/arasy-theme ActiveLibrary rafyakbar/arasy-theme ===================== Arasy Theme — a modern FilamentPHP v5 theme plugin inspired by TailAdmin design language. Features a fresh brand color palette, Outfit typography, consistent border radius, and full dark mode support. v1.2.0(1mo ago)042↓75%MITCSSPHP ^8.2 Since Jul 16Pushed 1mo agoCompare [ Source](https://github.com/rafyakbar/arasy-theme)[ Packagist](https://packagist.org/packages/rafyakbar/arasy-theme)[ Docs](https://github.com/arasy/arasy-theme)[ RSS](/packages/rafyakbar-arasy-theme/feed)WikiDiscussions main Synced 1w ago READMEChangelog (3)Dependencies (12)Versions (5)Used By (0) Arasy Theme =========== [](#arasy-theme) [ ![Packagist](https://camo.githubusercontent.com/f52fcc21ccf1ebd6f4208feefcedb984fa68fc82c158ab3952140d4985e964cf/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f72616679616b6261722f61726173792d7468656d653f7374796c653d666f722d7468652d6261646765266c6f676f3d7061636b6167697374) ](https://packagist.org/packages/rafyakbar/arasy-theme) [ ![Filament v5](https://camo.githubusercontent.com/bc6f2868b235c7831931afbd582eb6d91f391ff173a3f8be4e88888782c8f7af/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f46696c616d656e742d76352d4542423330343f7374796c653d666f722d7468652d6261646765) ](https://filamentphp.com) [ ![Downloads](https://camo.githubusercontent.com/662537aff926f2c3a0f3e75b484091b8a34f2adc3e8cc08c77689c0b2e9e674b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f72616679616b6261722f61726173792d7468656d653f7374796c653d666f722d7468652d6261646765) ](https://packagist.org/packages/rafyakbar/arasy-theme) [ ![License](https://camo.githubusercontent.com/5008b89229a5f2e9a53abb33cdd4cceaf9b7e44e5ad37d91f6274471d2cf6979/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f72616679616b6261722f61726173792d7468656d653f7374796c653d666f722d7468652d6261646765) ](LICENSE.md) A modern FilamentPHP v5 theme plugin inspired by the TailAdmin design language — vibrant indigo accents, Outfit typography, consistent border radius, sleek custom scrollbar, and full dark mode support. **Table of Contents** - [Features](#features) - [Compatibility](#compatibility) - [Requirements](#requirements) - [Installation](#installation) - [Automatic Setup](#automatic-setup) - [Manual Setup](#manual-setup) - [Usage & Configuration](#usage--configuration) - [Quick Start](#quick-start) - [Sidebar Brand Name](#sidebar-brand-name) - [Collapsed Sidebar Logo](#collapsed-sidebar-logo) - [Custom Logo & Branding](#custom-logo--branding) - [What's Included](#whats-included) - [File Structure](#file-structure) - [CSS Architecture](#css-architecture) - [Changelog](#changelog) - [License](#license) --- Features -------- [](#features) - **Brand Color Palette** — Carefully crafted primary (indigo), success (green), warning (amber), danger (red), info (blue), and gray scales - **Outfit Font** — Clean, modern sans-serif typeface loaded via Google Font Provider - **IBM Plex Mono** — Monospace font for code, stats, and tabular data - **Design Tokens** — CSS custom properties for border radius, shadows, colors, and transitions - **Full Dark Mode** — Every surface, border, text, and shadow has a dark variant including the sidebar - **Consistent Border Radius** — 16px cards, 8px inputs, 24px modals, pill badges - **Sleek Custom Scrollbar** — Thin (4px), rounded pill-style thumb, sidebar nav gets an even thinner (3px) variant; colors adapt to light/dark mode - **Sidebar Brand Name** — Optional brand name display beside the logo, responsive to collapse state - **Collapsed Sidebar Logo** — Logo stays visible and centered when sidebar is collapsed (opt-in via `withCollapsedLogo()`) - **Cluster Sub-Navigation** — Styled cluster navigation matching the sidebar appearance - **Auth Pages** — Dark-themed login, register, and password reset pages with brand block - **Plain CSS** — No build step required for the theme; loaded as a Filament asset - **One-Command Setup** — `php artisan arasy:install` detects your panel and publishes assets Compatibility ------------- [](#compatibility) Package VersionFilament VersionPHP Version^1.0v5.x^8.2Requirements ------------ [](#requirements) - PHP 8.2+ - Laravel 10+ - Filament v5.0+ --- Screenshots ----------- [](#screenshots) [![Light Mode](art/light-mode.png)](art/light-mode.png) [![Dark Mode](art/dark-mode.png)](art/dark-mode.png) [![Light Mode — Collapsed Sidebar](art/light-mode_sidebar-collapsed.png)](art/light-mode_sidebar-collapsed.png) [![Dark Mode — Collapsed Sidebar](art/dark-mode_sidebar-collapsed.png)](art/dark-mode_sidebar-collapsed.png) [![Light Mode — Cluster](art/light-mode_cluster.png)](art/light-mode_cluster.png) [![Dark Mode — Cluster](art/dark-mode_cluster.png)](art/dark-mode_cluster.png) --- Installation ------------ [](#installation) ``` composer require rafyakbar/arasy-theme ``` ### Automatic Setup [](#automatic-setup) ``` php artisan arasy:install ``` This will detect your Filament panel, publish the theme CSS, and print next steps. ### Manual Setup [](#manual-setup) 1. Register the plugin in your `PanelProvider`: ``` use ArasyTheme\ArasyThemePlugin; public function panel(Panel $panel): Panel { return $panel ->plugin(ArasyThemePlugin::make()); } ``` 2. Build your frontend assets: ``` npm run build ``` Usage & Configuration ------------------------- [](#usage--configuration) The plugin works with zero configuration. All options are opt-in. ### Quick Start [](#quick-start) ``` use ArasyTheme\ArasyThemePlugin; ArasyThemePlugin::make() ->withSidebarBrandName() // Show brand name beside logo ->withCollapsedLogo(); // Show logo when sidebar is collapsed ``` ### Sidebar Brand Name [](#sidebar-brand-name) When your panel has a logo set via `->brandLogo()`, you can display the brand name next to it: ``` // PanelProvider $panel ->brandLogo(asset('images/logo.svg')) ->brandLogoHeight('2.5rem') ->plugin( ArasyThemePlugin::make() ->withSidebarBrandName() ); ``` The brand name uses the panel's `->brandName()` value and matches the sidebar styling — 1.25rem font size, 600 weight, responsive to sidebar collapse. ### Collapsed Sidebar Logo [](#collapsed-sidebar-logo) By default, the logo is hidden when the sidebar is collapsed. Enable it with `withCollapsedLogo()`: ``` ArasyThemePlugin::make() ->withCollapsedLogo(); ``` The collapsed logo is centered vertically and horizontally using absolute positioning. When the sidebar expands, it disappears automatically via Alpine.js reactivity. ### Custom Logo & Branding [](#custom-logo--branding) Your logo can be any image type (SVG, PNG, etc.) and any size. The theme ensures proper sizing via `brandLogoHeight()`: ``` $panel ->brandLogo(asset('img/logo.png')) ->brandLogoHeight('2rem') ->brandName(config('app.name')) ->plugin( ArasyThemePlugin::make() ->withSidebarBrandName() ->withCollapsedLogo() ); ``` What's Included --------------- [](#whats-included) ### File Structure [](#file-structure) ``` arasy-theme/ ├── src/ │ ├── ArasyThemePlugin.php # Filament plugin class │ ├── ArasyThemeServiceProvider.php # Package service provider │ └── Console/ │ └── InstallCommand.php # php artisan arasy:install ├── resources/ │ ├── css/ │ │ └── arasy.css # Main theme stylesheet │ └── views/ │ └── sidebar-brand-name.blade.php # Brand name blade view ├── composer.json ├── CHANGELOG.md └── LICENSE.md ``` ### CSS Architecture [](#css-architecture) The stylesheet `arasy.css` is organized into these sections: SectionDescriptionDesign TokensCSS custom properties for colors, radius, shadowsDark Mode TokensSame properties overridden for `.dark` classBody & LayoutBackground, text color, topbarSidebarBackground, border, item styling, active statesCollapsed SidebarCentered logo, brand name visibility when collapsedSidebar Brand NameLogo-adjacent brand textCluster Sub-NavigationStyling for cluster page navigationContent AreaTopbar and main content margins for sidebar layoutComponentsCards, buttons, form inputs, badges, tables, tabsSleek ScrollbarThin custom scrollbar with dark mode supportUtilitiesMonospace helper classChangelog --------- [](#changelog) See [CHANGELOG.md](CHANGELOG.md) for version history. License ------- [](#license) Distributed under the [MIT License](LICENSE.md). ### Health Score 42 — FairBetter than 88% of packages Maintenance91 Actively maintained with recent releases Popularity11 Limited adoption so far Community6 Small or concentrated contributor base Maturity49 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 ~1 days Total 4 Last Release 42d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/b75fe62d28e8140c7312282f705f70bd85b71d18b602228ad1460b59ada36be3?d=identicon)[rafyakbar](/maintainers/rafyakbar) --- Top Contributors [![rafyakbar](https://avatars.githubusercontent.com/u/22675316?v=4)](https://github.com/rafyakbar "rafyakbar (58 commits)") --- Tags laravelthemefilamentfilament-pluginfilamentphpdark-modetailadminarasy ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/rafyakbar-arasy-theme/health.svg) ``` [![Health](https://phpackages.com/badges/rafyakbar-arasy-theme/health.svg)](https://phpackages.com/packages/rafyakbar-arasy-theme) ``` ### Alternatives [relaticle/custom-fields User Defined Custom Fields for Laravel Filament 16472.9k](/packages/relaticle-custom-fields)[awcodes/filament-curator A media picker plugin for FilamentPHP. 441414.6k29](/packages/awcodes-filament-curator)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3915.5k](/packages/rawilk-profile-filament-plugin)[backstage/mails View logged mails and events in a beautiful Filament UI. 16429.7k](/packages/backstage-mails)[marcelweidum/filament-passkeys Use passkeys in your filamentphp app 6769.9k2](/packages/marcelweidum-filament-passkeys)[stephenjude/filament-two-factor-authentication Filament Two Factor Authentication: Google 2FA + Passkey Authentication 85264.8k10](/packages/stephenjude-filament-two-factor-authentication) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)