> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-fix-docs-5546-update-db-search.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# FlattenedTheme

Structured theme object returned by [`useAuth0Themes`](/docs/libraries/acul/react-sdk/API-Reference/Hooks/useAuth0Themes). Provides flattened, token-level access to all visual styling applied to Auth0 Universal Login components.

```ts Example theme={null}
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

<ParamField body="colors" type="Record<string, string>" required>
  Color tokens applied across the login UI — includes text, background, border, and interactive state colors.
</ParamField>

<ParamField body="fonts" type="Record<string, string | number | boolean | object>" required>
  Typography tokens controlling font family, size, weight, line height, and related text styling.
</ParamField>

<ParamField body="borders" type="Record<string, string | number | boolean>" required>
  Border tokens defining radius, width, and style for UI elements.
</ParamField>

<ParamField body="pageBackground" type="Record<string, string>" required>
  Background styling tokens applied to the page container surrounding the login widget.
</ParamField>

<ParamField body="widget" type="Record<string, string | number>" required>
  Styling tokens scoped to the login widget card itself, such as padding, shadow, and dimensions.
</ParamField>