> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# @gooddata/sdk-ui-theme-provider

This package provides tools to make your application support themes.

## Remarks

A theme allows you to change the colors, fonts and other visual aspects of GoodData.UI components. You can use functions in this package to set a theme for a subtree of your React component tree and to make your own components able to consume the theme provided.

## Functions

| Function | Description |
| --- | --- |
| [ThemeContextProvider({ children, theme, referenceTheme, themeIsLoading, themeStatus, isScopeThemed, }, input)](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.themecontextprovider/index.md) | Provides the theme object, themeIsLoading flag and themeStatus into context |
| [ThemeProvider({ children, theme: themeParam, backend: backendParam, workspace: workspaceParam, modifier, enableComplementaryPalette, removeGlobalStylesOnUnmout, }, input)](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.themeprovider/index.md) | Fetches the theme object from the backend upon mounting and passes both theme object and isThemeLoading flag to the context via ThemeContextProvider. |
| [useIsDarkTheme()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.useisdarktheme/index.md) | Hook that returns whether the current theme is dark |
| [useReferenceTheme()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.usereferencetheme/index.md) | Hook for reaching the reference theme from context. |
| [useTheme(theme)](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.usetheme/index.md) | Hook for reaching the theme from context. |
| [useThemeIsLoading()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.usethemeisloading/index.md) | Hook for reaching the themeIsLoading flag from context |
| [useThemeStatus()](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.usethemestatus/index.md) | Hook for reaching the themeStatus from context |
| [withTheme(Component)](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.withtheme/index.md) | Injects both theme object and isThemeLoading flag into component as properties |

## Interfaces

| Interface | Description |
| --- | --- |
| [IThemeContextProviderProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.ithemecontextproviderprops/index.md) |  |
| [IThemeProviderProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.ithemeproviderprops/index.md) |  |

## Variables

| Variable | Description |
| --- | --- |
| [defaultHeaderTheme](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.defaultheadertheme/index.md) | **_(BETA)_** Default application header colors. |

## Type Aliases

| Type Alias | Description |
| --- | --- |
| [ThemeModifier](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.thememodifier/index.md) |  |
| [ThemeStatus](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-theme-provider/sdk-ui-theme-provider.themestatus/index.md) |  |