Skip to content

Branding & Theming

Branding (administrator only) lets you make the panel your own, name, logos, login page, and a full light/dark color theme.

General

  • Brand name: shown throughout the panel.
  • Border radius: global corner rounding (0–1.5rem).
  • Show separators: toggle UI divider lines.

Assets

  • Logo: PNG, JPEG, SVG, or WebP.
  • Favicon: PNG, JPEG, ICO, or WebP.

Each has a preview and a remove button.

Login page

  • Show login footer: toggle.
  • Footer text and Footer URL.

Theme colors

Light and dark modes are themed independently. Each mode exposes:

  • Core colors: background, foreground, primary, secondary, accent, muted, destructive, warning.
  • Cards & borders: card, border, popover, input, ring.
  • Sidebar: background, foreground, accent, border, primary, ring.
  • Top nav: background, foreground, accent, border, primary, ring.
  • Tactical amber: the accent used for highlights and live indicators.

Saving & sharing themes

  • Save to apply, or Reset to defaults.
  • Export theme to a JSON file and Import theme from one, handy for moving a look between instances or sharing it.