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

# IThemeMessageVariant

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

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Theme properties for a message variant

**Signature:**

```typescript
export interface IThemeMessageVariant 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [backgroundColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithememessagevariant/index.md#ithememessagevariantbackgroundcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Background color of the message |
| [borderColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithememessagevariant/index.md#ithememessagevariantbordercolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Border color of the message |
| [borderRadius?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithememessagevariant/index.md#ithememessagevariantborderradius) |  | string | **_(BETA)_** _(Optional)_ Radius of the message border in px |
| [borderWidth?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithememessagevariant/index.md#ithememessagevariantborderwidth) |  | string | **_(BETA)_** _(Optional)_ Width of the message border in px |
| [closeButtonColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithememessagevariant/index.md#ithememessagevariantclosebuttoncolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Color of the close button |
| [dropShadow?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithememessagevariant/index.md#ithememessagevariantdropshadow) |  | boolean | **_(BETA)_** _(Optional)_ Determines if drop shadow is applied |
| [linkButtonColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithememessagevariant/index.md#ithememessagevariantlinkbuttoncolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Color of the link button |
| [textColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithememessagevariant/index.md#ithememessagevarianttextcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Text color of the message |

## Property details

### IThemeMessageVariant.backgroundColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Background color of the message

**Signature:**

```typescript
backgroundColor?: ThemeColor;
```

### IThemeMessageVariant.borderColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Border color of the message

**Signature:**

```typescript
borderColor?: ThemeColor;
```

### IThemeMessageVariant.borderRadius

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Radius of the message border in px

**Signature:**

```typescript
borderRadius?: string;
```

### IThemeMessageVariant.borderWidth

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Width of the message border in px

**Signature:**

```typescript
borderWidth?: string;
```

### IThemeMessageVariant.closeButtonColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Color of the close button

**Signature:**

```typescript
closeButtonColor?: ThemeColor;
```

### IThemeMessageVariant.dropShadow

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Determines if drop shadow is applied

**Signature:**

```typescript
dropShadow?: boolean;
```

### IThemeMessageVariant.linkButtonColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Color of the link button

**Signature:**

```typescript
linkButtonColor?: ThemeColor;
```

### IThemeMessageVariant.textColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Text color of the message

**Signature:**

```typescript
textColor?: ThemeColor;
```