> ## Documentation Index
> Fetch the complete documentation index at: https://docs.daily.co/llms.txt
> Use this file to discover all available pages before exploring further.

# theme()

> Returns the current color theme for Daily Prebuilt.

`theme()`

<Badge color="green">{"✓"} Prebuilt</Badge> <Badge color="red">{"✗"} Custom</Badge>

Returns the current `DailyThemeConfig` as last set via [`setTheme()`](/reference/daily-js/instance-methods/set-theme) or the [`theme` call property](/reference/daily-js/types/daily-call-options#param-theme). Returns `undefined` if no theme has been set.

## Return value

Returns `DailyThemeConfig` — either a global `{ colors }` object or a `{ light, dark }` object with separate themes for each color mode. See [`setTheme()`](/reference/daily-js/instance-methods/set-theme#parameters) for the full color field reference.

## Example

```javascript theme={null}
const currentTheme = call.theme();
console.log(currentTheme?.colors?.accent);
```

## See also

<CardGroup>
  <Card title="Types" icon="t" iconType="solid">
    * [DailyCallOptions: theme](/reference/daily-js/types/daily-call-options#param-theme)
  </Card>

  <Card title="Methods" icon="code" iconType="solid">
    * [setTheme()](/reference/daily-js/instance-methods/set-theme)
  </Card>

  <Card title="Events" icon="bolt" iconType="solid">
    * [theme-updated](/reference/daily-js/events/iframe-ui-events#theme-updated)
  </Card>

  <Card title="Guides" icon="book-open" iconType="solid">
    * [Color themes](/docs/prebuilt/customizing-daily-prebuilt-calls-with-color-themes)
  </Card>
</CardGroup>