Spiggle Theme

• Features
• Hosted demo
• Get a license
• Screenshots
  • Standard
  • Solid
  • Canvas
• Installation
• Language support
• Theme settings
  • Brand
  • Colors
  • Layout
  • Menu & icons
• Demo navigation
• FAQ
  • What does this plugin do?
• Security
• License

A Laravel Filament PHP admin theme: deep blue sidebar, rounded content card, active-nav cutout, Roboto typography, and a full appearance settings page. Compatible with Laravel Filament v3, v4, and v5 (v5 is the primary target). Laravel-13 · Filament 5.

Current version: 2.0.50

#Features

• Layout: #1C3FAA sidebar, #F1F5F8 content canvas, ~30px content radius, ~20px cards
• Sidebar styles: Standard (active item cut into the content card), Dossier (stacked file tabs), Solid (opaque column flush with the pane), Canvas (nested menus; cards sit on the page background)
• Palettes: Blue, Slate, Forest, Sunset, Sassy, Greyish
• Light and dark mode (floating Dark Mode pill + Laravel Filament theme store)
• Settings page: brand, palettes, shape, density, backgrounds, fonts, menu size, icon pack
• Translations: English ships with the package; publish strings to customize them or add another locale
• Responsive sidebar with desktop collapse and mobile overlay
• Table rows and View/Edit actions open in a lightbox; loading uses the old-theme bars indicator

#Hosted demo

#Get a license

Buy a lifetime licensed copy — $9.99 once, unlimited sites.

Public page: skillbobby.github.io/spiggle/filament-theme

#Screenshots

#Standard

Standard cuts the open item into the content card.

Blue	Sassy	Sunset

#Solid

Solid is an opaque menu column flush against the pane. Table rows still open in a lightbox.

Blue	Slate

#Canvas

Canvas drops the wrapping content card. Nested menus sit on a light rail; sections and tables sit on the page background.

Light	Dark

#Installation

composer require spiggle/filament-spiggle-theme

The plugin auto-registers on every Laravel Filament panel. To register it yourself instead:

use Spiggle\FilamentSpiggleTheme\FilamentSpiggleThemePlugin;

$panel->plugin(FilamentSpiggleThemePlugin::make());

Then set auto_register to false in the published config.

Publish the config (optional):

php artisan vendor:publish --tag=filament-spiggle-theme-config

#Language support

Theme UI strings (Theme Settings, demo navigation, breadcrumbs, the dark-mode pill, and the logo preview) go through Laravel’s translator (filament-spiggle-theme::theme.*). English is bundled.

To edit copy or add a language:

php artisan vendor:publish --tag=filament-spiggle-theme-translations

Files land in lang/vendor/filament-spiggle-theme/{locale}/theme.php. Copy en/theme.php into a folder named for your locale (for example nl or fr) and set APP_LOCALE (or Laravel Filament’s locale) to match. Untranslated keys fall back to English.

#Theme settings

Open Theme Settings in the sidebar. Changes are stored in storage/app/filament-spiggle-theme.json so they survive cache clears. Save appearance applies the form; Revert to Default Theme restores the bundled palette and layout.

The page has four tabs: Brand, Colors, Layout, and Menu & icons.

#Brand

#Colors

Pick one palette. Sidebar, canvas, cards, accents, and dark mode update together.

#Layout

Header style: Minimal keeps search, notifications, and the user menu. Breadcrumbs are hidden.

Sidebar style: Standard cuts the open item into the content card. Dossier uses file-tab markers. Solid is an opaque menu column. Canvas puts nested menus on a light rail and sits cards on the page background.

Fill content background: Transparent keeps list rows as separate cards on the page. Fill wraps the list in a white rounded card like Theme Settings.

Background image (when style is Custom image): PNG, JPG, or WebP, max 2 MB. Large files are resized to 1920×1080.

#Menu & icons

Feather and Font Awesome replace sidebar and header icons. Heroicons keep Laravel Filament’s defaults.

#Demo navigation

Set SPIGGLE_DEMO_NAVIGATION=true (or demo_navigation in the config) to load sample nested menus (Menu Layout, Pages) so you can compare the four sidebar styles without wiring your own resources first. Leave it off in production.

Use Laravel Filament navigationGroup / child items on your own resources to populate Canvas and Dossier submenus.

#FAQ

#What does this plugin do?

Spiggle Theme restyles your Laravel Filament admin panel: sidebar layouts, color palettes, dark mode, brand, fonts, and icons. You change those from Theme Settings in the panel — no custom CSS. It does not add resources or replace your forms and tables.

#Security

Please report vulnerabilities privately — see SECURITY.md. Do not open a public issue for security problems.

#License

This theme is proprietary commercial software. It is not free or open source. Use, copying, and distribution require a paid license.

Get a lifetime licensed copy — or see LICENSE and contact skillbobby@outlook.com.