Skip to main content
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.