Theme colors (light + dark mode)
Project-wide theme colors live as CSS variables. Update them via the updateBrandingColors tool or in Branding → Colors. Pages and components reference colors by role (bg-primary, text-accent) so changing the theme propagates everywhere automatically.
Where to enable it
Toggle this feature in your project editor. No code required.
Inside the editor, head to Branding → Colors.
Open in my projectRelated features
Logos, favicon, app icon, Apple touch icon
Upload primary logo (400×100), square app icon (512×512), favicon (32×32), Apple touch icon (180×180). The platform places them in the right slots automatically, no code needed to wire them into the app header, browser tab, or PWA install prompt.
Open Graph image, project name & description
Edit project name, description, and OG image (1200×630) on Branding → Social Display. These appear in browser tabs, search results, and link previews on Facebook, Twitter/X, Slack. If no OG image is uploaded, the platform auto-generates one from the homepage screenshot.