Download the PHP package wotz/filament-brigada-theme without Composer

On this page you can find all versions of the php package wotz/filament-brigada-theme. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of wotz/filament-brigada-theme

Informations about the package filament-brigada-theme

Filament Brigada theme

The Brigada house style as a Filament v5 panel theme: a soft, rounded, warm panel driven by one of six brio quadtone palettes, with a palette switcher in the sidebar and an animated palette ground on the login screen.

Installation

Import the stylesheet from your panel's theme, with the other @import rules at the top — CSS drops an @import that follows any other rule:

Register the plugin on the panel:

Then npm run build.

What the plugin applies

The stylesheet is written against a panel with no topbar, whose chrome all lives in the sidebar, so the plugin sets that layout up for you:
topbar(false) Filament then moves global search, the notifications trigger and the user menu into the sidebar itself, and renders its own floating toggle for mobile
userMenu(position: Sidebar) pinned explicitly, so it holds even if a panel puts its topbar back
sidebarFullyCollapsibleOnDesktop() collapsing to an icon rail leaves a nav of unlabelled glyphs, so the sidebar slides away entirely
sidebarWidth('18.5rem') the sidebar carries every panel control, so it needs more room than the default
darkMode(false) a single light theme; there are no dark rules
colors(primary: ink) the palette paints every solid primary surface, so the ramp only supplies what the CSS leaves alone

Configuration

Publish the config to set the same defaults application-wide:

Palettes

Each palette is a class on <body> — brio-01 … brio-06 — declaring four stops that everything else derives from. The choice is stored in localStorage.brigadaPalette and applied before first paint, so reloading never flashes the default.

Case Class
Palette::PurpleRed brio-01 Purple & Red
Palette::PinkRed brio-02 Pink & Red
Palette::YellowPink brio-03 Yellow & Pink
Palette::GreenYellow brio-04 Green & Yellow
Palette::BlueGreen brio-05 Blue & Green (default)
Palette::OrangePurple brio-06 Orange & Purple

Status colours (success, info, warning, danger) are fixed across all six, so a badge keeps its meaning whichever palette is on.

Adding your own rows to the sidebar foot

The switcher sits in a block at the bottom of the sidebar, above the user row. Render into filament-brigada-theme::sidebar.utilities to add your own rows there, and give them the fi-brigada-util class to match:

Design tokens

The theme derives everything from the active palette and exposes it as custom properties, so application-specific components can be styled in the same language:
--ground --surface page/sidebar ground, and the white cards that sit on it
--ink --muted --faint reading ink and its two quieter steps
--line --line-soft --fill hairlines and the tint used for hover and chips
--accent --accent-soft the palette's accent, and the wash behind an active nav item
--r-sm --r-md --r-lg --r-pill the radius scale
--shadow-card --shadow-pop the two elevations
--ease the house easing curve

Because a custom property resolves on the element that declares it, the derivation lives on .fi-body / .fi-simple-layout rather than :root — declaring it on :root would freeze every palette to whichever one :root happened to see. A :root fallback is declared for pages the palette class never reaches, such as an error page rendered by the exception handler outside the panel.

Licence

MIT. See LICENSE.md.

All versions of filament-brigada-theme with dependencies

PHP Build Version
Package Version
Requires php Version ^8.3
filament/filament Version ^5.0
illuminate/contracts Version ^12.0|^13.0
spatie/laravel-package-tools Version ^1.12
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package wotz/filament-brigada-theme contains the following files

Loading the files please wait ...