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).

1.1.0(1mo ago)0134↑160%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 1w ago

READMEChangelogDependencies (2)Versions (3)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

43

—

FairBetter than 89% of packages

Maintenance90

Actively maintained with recent releases

Popularity14

Limited adoption so far

Community2

Small or concentrated contributor base

Maturity52

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

Every ~2 days

Total

2

Last Release

45d 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

[schmeits/filament-character-counter

This is a Filament character counter TextField and Textarea form field for Filament v4 and v5

34245.4k17](/packages/schmeits-filament-character-counter)[wsmallnews/filament-nestedset

Filament nestedset tree builder powered by kalnoy/nestedset with Filament v4 and v5 support

218.8k22](/packages/wsmallnews-filament-nestedset)[rawilk/profile-filament-plugin

Profile & MFA starter kit for filament.

3915.5k](/packages/rawilk-profile-filament-plugin)[hammadzafar05/mobile-bottom-nav

A thumb-friendly mobile bottom navigation bar for Filament panels. It programmatically integrates with the Filament navigation registry to provide a seamless, ergonomic mobile experience with full support for dark mode and safe-area insets.

1821.3k1](/packages/hammadzafar05-mobile-bottom-nav)[tapp/filament-form-builder

User facing form builder using Filament components

133.5k6](/packages/tapp-filament-form-builder)[devletes/filament-pinnable-navigation

Pinnable navigation support for Filament 5 panels.

122.1k](/packages/devletes-filament-pinnable-navigation)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)