FlattenedTheme

Structured theme object returned by useAuth0Themes. Provides flattened, token-level access to all visual styling applied to Auth0 Universal Login components.

Example

export interface FlattenedTheme {
  colors: Record<string, string>;
  fonts: Record<string, string | number | boolean | object>;
  borders: Record<string, string | number | boolean>;
  pageBackground: Record<string, string>;
  widget: Record<string, string | number>;
}

Properties

colors · Record<string, string> · required

Color tokens applied across the login UI — includes text, background, border, and interactive state colors.

fonts · Record<string, string | number | boolean | object> · required

Typography tokens controlling font family, size, weight, line height, and related text styling.

borders · Record<string, string | number | boolean> · required

Border tokens defining radius, width, and style for UI elements.

pageBackground · Record<string, string> · required

Background styling tokens applied to the page container surrounding the login widget.

widget · Record<string, string | number> · required

Styling tokens scoped to the login widget card itself, such as padding, shadow, and dimensions.