Branding & theming

Match Authalla’s hosted screens to your product branding with colors and a logo.

Theme settings apply to the hosted auth pages for a tenant:

• Sign in (/oauth2/login)
• Sign up (/oauth2/signup)
• Pin code (/oauth2/pin-code)
• Passkeys (/oauth2/passkey-offer)

Where to configure

Open the Admin UI and go to Tenants → {tenant} → Theme. Theme changes are tenant-specific and apply immediately to that tenant’s hosted pages.

Theme editor: what you can change

Logo

• Upload a logo (PNG, JPG, or SVG up to 5MB).
• The logo appears above the form on the hosted auth pages.
• If the logo can’t be loaded, the default Authalla logo is shown.

Colors (light and dark mode)

Customize the color palette for light and dark modes:

• Primary color: Main buttons and links
• Secondary color: Secondary buttons and hover states
• Secondary button text: Text color on secondary buttons
• Background color: Page background
• Box background: Auth form container background
• Text color: Main text color

Preview

The editor includes a live preview with:

• A light/dark toggle
• Tabs for Sign In, Sign Up, Pin Code, and Passkeys

Save, discard, and reset

• Save changes persists the theme for the tenant.
• Discard changes reverts to the last saved theme.
• Reset to defaults returns all colors and logo to the Authalla defaults.

Tips and limitations

• Choose colors with good contrast for readability and accessibility.
• Use a logo that looks good on both light and dark backgrounds.
• Theme changes apply only to the hosted auth pages listed above.
• Test both light and dark previews before saving.