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

# IDashboardThemingProps

- Package: [@gooddata/sdk-ui-dashboard](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/index.md)
- Kind: interface
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-dashboard/src/presentation/dashboard/types.ts

**Signature:**

```typescript
export interface IDashboardThemingProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [disableThemeLoading?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.idashboardthemingprops/index.md#idashboardthemingpropsdisablethemeloading) |  | boolean | _(Optional)_ When true, disables the loading of the workspace theme and creation of a ThemeProvider (if there is none already present in the parent scope). |
| [theme?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.idashboardthemingprops/index.md#idashboardthemingpropstheme) |  | [ITheme](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.itheme/index.md) | _(Optional)_ Theme to use. |
| [themeModifier?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.idashboardthemingprops/index.md#idashboardthemingpropsthememodifier) |  | (theme: [ITheme](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.itheme/index.md)) => [ITheme](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.itheme/index.md) | _(Optional)_ If provided it is called with loaded theme to allow its modification according to the app needs. |

## Property details

### IDashboardThemingProps.disableThemeLoading

When true, disables the loading of the workspace theme and creation of a ThemeProvider (if there is none already present in the parent scope).

**Signature:**

```typescript
disableThemeLoading?: boolean;
```

#### Remarks

Currently – for technical reasons – the ThemeProvider changes the theme globally (i.e. the theme is NOT constrained inside of a ThemeProvider).

Turn this property to true if you need to avoid the global aspect of the themes, or you do not want to use themes at all.

Defaults to false.

### IDashboardThemingProps.theme

Theme to use.

**Signature:**

```typescript
theme?: ITheme;
```

#### Remarks

Note: the theme can come either from this property or from ThemeContext or from the dashboard. If you do not specify theme here, it will be taken from an existing ThemeContext or if there is no ThemeContext, it will be loaded for the dashboard.

### IDashboardThemingProps.themeModifier

If provided it is called with loaded theme to allow its modification according to the app needs.

**Signature:**

```typescript
themeModifier?: (theme: ITheme) => ITheme;
```

#### Remarks

This is only applied to themes loaded from the backend, it is NOT applied to themes provided using the "theme" prop.