PHPackages finatto/filament-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. finatto/filament-theme ActiveLibrary[Utility & Helpers](/categories/utility) finatto/filament-theme ====================== Finatto UI — official Filament v5 theme plugin (light-only, black primary, red brand accent). v1.0.0(3d ago)011↓25%proprietaryPHP ^8.4 Since Jul 7Compare [ Source](https://github.com/finattogroup/filament-theme)[ Packagist](https://packagist.org/packages/finatto/filament-theme)[ RSS](/packages/finatto-filament-theme/feed)WikiDiscussions Synced today READMEChangelogDependencies (1)Versions (2)Used By (0) finatto/filament-theme ====================== [](#finattofilament-theme) Official **Finatto UI** theme for Filament v5: color palettes, IBM Plex Sans typography, disabled dark mode, and a stylesheet of `fi-*` hook-class overrides. Light-only by design. Install ------- [](#install) ``` composer require finatto/filament-theme ``` Apply it to any panel with a single line: ``` use Finatto\FilamentTheme\FinattoTheme; $panel->plugin(FinattoTheme::make()); ``` The plugin registers the color palettes (`primary`, `brand`, semantic set), the IBM Plex Sans font, `darkMode(false)` and `defaultThemeMode(Light)`. Publish the stylesheet asset after install/deploy: ``` php artisan filament:assets ``` No Vite step required: the CSS is plain `fi-*` hook-class overrides on top of Filament's own compiled theme. Brand golden rule ----------------- [](#brand-golden-rule) **Red `#E51A31` is brand, not semantics.** Black is the action color (`primary`): CTAs, focus rings, toggles, selection. Red never colors an action button, a link, or body text — only graphic accents (active sidebar blade, badges, active-tab underline, loaders, chart accents). Destructive actions keep Filament's `danger`. Red text uses only: `brand-400` `#F16A79` (dark bg) / `brand-700` `#C01128` (white bg). Design tokens ------------- [](#design-tokens) Every rule references `--fn-*` custom properties declared atop `resources/dist/theme.css` — the single source of truth. No component rule contains a hardcoded hex. Padrões de tela Finatto ----------------------- [](#padrões-de-tela-finatto) Regras normativas de composição de tela — valem para todo Resource, Relation Manager e Page dos painéis Finatto. 1. **Visualização é Infolist.** Página `View` usa `infolist()`; form com campos `disabled` é proibido. Vazio renderiza `—` (`->placeholder('—')`). 2. **A linha abre o registro** (`->recordUrl(...)`). No máximo uma ação inline por linha, e só se for rotina (ex.: *Atualizar KM*). O resto vai num `ActionGroup`(menu ⋯). 3. **Destrutiva sempre em menu + `->requiresConfirmation()`.** Vermelho exposto só em contexto de decisão — nunca um *Delete* vermelho por linha. 4. **Badge = enum com cor semântica; identificador = texto.** Enums de estado implementam `HasLabel`/`HasColor` e usam `->badge()`. Placa/código são texto (`FontFamily::Mono`), nunca badge. Coluna primária = valor em peso 600 + `->description(...)`. 5. **Toda tabela tem empty state com ação** (`emptyStateHeading` + `emptyStateDescription` + `emptyStateActions`). 6. **Form tem largura máxima; tabela é fluida.** Layout: `->columns(3)` com seções `columnSpan(2)`/`columnSpan(1)`. 7. **Toda string visível em pt-BR.** Numéricos alinhados à direita com unidade como sufixo. ### Cor → significado (badges/ícones de estado) [](#cor--significado-badgesícones-de-estado) CorSignificado`success`ok / operacional`info`estado neutro/operacional`warning`requer atenção`danger`falha / perigo`gray`inativo / ausência / arquivado (`—`)Vermelho (`danger`) é reservado a falha/perigo. Ausência de dado é cinza/`—`. ### Health Score 42 — FairBetter than 88% of packages Maintenance99 Actively maintained with recent releases Popularity7 Limited adoption so far Community2 Small or concentrated contributor base Maturity50 Maturing project, gaining track record 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 3d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/76708535?v=4)[Cesar Bosqueiro](/maintainers/cesarbosqueiro)[@cesarbosqueiro](https://github.com/cesarbosqueiro) --- Tags themefilamentfilament-pluginfinatto ### Embed Badge ![Health badge](/badges/finatto-filament-theme/health.svg) ``` [![Health](https://phpackages.com/badges/finatto-filament-theme/health.svg)](https://phpackages.com/packages/finatto-filament-theme) ``` ### Alternatives [ysfkaya/filament-phone-input A phone input component for Laravel Filament 3161.3M25](/packages/ysfkaya-filament-phone-input)[schmeits/filament-character-counter This is a Filament character counter TextField and Textarea form field for Filament v4 and v5 34226.4k14](/packages/schmeits-filament-character-counter)[wsmallnews/filament-nestedset Filament nestedset tree builder powered by kalnoy/nestedset with Filament v4 and v5 support 197.8k19](/packages/wsmallnews-filament-nestedset)[wallacemartinss/filament-icon-picker A beautiful icon picker component for Filament v5 using blade-ui-kit/blade-icons 4723.9k35](/packages/wallacemartinss-filament-icon-picker)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.8k](/packages/rawilk-profile-filament-plugin) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)