All appearance settings live in Dashboard → Settings → General. Changes take effect immediately — no rebuild needed.Documentation Index
Fetch the complete documentation index at: https://docs.supadir.com/llms.txt
Use this file to discover all available pages before exploring further.
Brand color
Your primary color controls buttons, links, active states, and highlighted UI elements across the public catalog and the listing owner panel. Enter any hex color (e.g.#2563eb). Supadir automatically generates four CSS variables from it:
--catalog-primary— main color--catalog-primary-dark— hover states--catalog-primary-light— backgrounds, badges--catalog-header— top navigation bar
Dark / light mode
Choose whether your catalog renders in light mode or dark mode. This applies to the public catalog visible to visitors. The admin panel always uses the Supadir platform theme (teal/dark) regardless of this setting.Logo
Upload your logo from Settings → General → Logo. Recommended format: SVG or PNG with transparent background. It will appear in:- The public catalog header
- The listing owner login and registration pages
- Outgoing email headers (if configured)
There’s no strict size requirement, but logos wider than ~300px and taller than ~80px may be cropped on smaller screens. Aim for a horizontal/landscape layout.
Favicon
Upload a square icon (ideally 512×512 PNG or SVG) that will appear in browser tabs when someone visits your catalog.Hero section
The hero is the first thing visitors see on your catalog’s homepage. You can configure:- Hero title — the main headline (e.g. “Find a trusted physiotherapist in Warsaw”)
- Hero description — a short supporting text below the headline
- Hero background — color or image (depending on your theme)
Catalog name and language
- Catalog name — shown in the browser tab title, email subjects, and meta tags
- Language — sets the
langattribute on your HTML and affects date/number formatting