Theming

Theming controls how the Kenni-hosted login screen looks when users authenticate to your application. You can match your brand's colors, set the corner radius, force a light or dark appearance, and upload a logo. Theming is configured per application from the Branding tab in the developer portal.

Machine-to-Machine clients have no user-facing surface, so they don't have a Branding tab. Every other application type — Web, SPA, Native, and Device — does.

Logo

Upload separate logos for light and dark mode under Branding → Logo. The light-mode logo is used as the default if you don't supply a dark-mode variant.

• Square crop, sized to fit the login screen header.
• PNG or JPG.
• Use a transparent background so the logo blends with both light and dark themes.

The image is cropped in-browser before upload, so you can pick a larger source and trim it to a square in the portal.

Theme

The Theme section under Branding maps directly onto the Radix Themes design tokens. Pick:

• Accent color — the primary color used for buttons, links, focus rings, and the Kenni accent. Choose something that pairs with your logo. The picker shows every available swatch.
• Border radius — none, small, medium, large, or full. Applied to inputs, buttons, and cards on the login screen.
• Appearance — light, dark, or inherit. inherit uses the user's system preference; light and dark force a specific mode regardless of the user's setting.

Changes save when you click Save theme and take effect on the next authentication.

Tips

• Preview your theme by starting an authentication flow against the application. There's no in-portal preview yet.
• If your logo looks dim against a dark background, supply a dedicated dark-mode logo rather than relying on the light one.
• Picking an unfamiliar accent isn't free — inherit plus a strong logo is often a cleaner look than a custom accent that clashes with your brand.

Next steps