Seiten · Laravilt

Branding & Theming

Customize your panel's name, logo, colors, font, dark mode and styles.

Customize the look and feel of your panel.

Brand Name & Logo

php

All four methods also accept a closure.

Colors

php

Using the Color Palette

Laravilt\Support\Colors\Color has hex constants for the Tailwind palette (Slate, Gray, Zinc, Neutral, Stone, Red, Orange, Amber, Yellow, Lime, Green, Emerald, Teal, Cyan, Sky, Blue, Indigo, Violet, Purple, Fuchsia, Pink, Rose). It also has semantic constants (Primary, Secondary, Success, Danger, Warning, Info):

php

Typography

Pass a font family name, which loads from Google Fonts, or a configured GoogleFontProvider:

php

Dark Mode

Dark mode (with the appearance toggle) is enabled by default. To disable it:

php

Custom CSS and JavaScript

Panels use your application's Vite build with Tailwind CSS v4. The simplest way to add styles is to edit resources/css/app.css, and to add scripts through your app entry point: resources/js/app.ts (Vue) or resources/js/app.tsx (React).

css

The panel also exposes customCss() and customJs() to register extra files on the panel object:

php

React support requires Laravilt v1.1 or later.

Reusable Theme Presets

To share a look across panels, put the branding calls in a plain PHP class:

php

Next Steps

Layout & Localization: layout, locale and RTL
Panel Authentication: auth features