# Interface: ThemeColor

[Mobile Document Scanner API Reference](../index.md) / ThemeColor

# Interface: ThemeColor

Defined in: [src/views/utils/index.ts:239](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L239)

Override the default colors used across all views. Every field is optional;
unset fields fall back to the library default.

## Properties

### activeIndicator?

> `optional` **activeIndicator?**: `string`

Defined in: [src/views/utils/index.ts:264](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L264)

"On" status indicator color on scanner mode selector toggles.

#### Default Value

```ts
"#43cc48"
@public
```

***

### backgroundToolbar?

> `optional` **backgroundToolbar?**: `string`

Defined in: [src/views/utils/index.ts:294](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L294)

Chrome background: the toolbar in correction/result views, the scanner
header bar, and the loading screen overlay.

#### Default Value

```ts
"#323234"
@public
```

***

### backgroundView?

> `optional` **backgroundView?**: `string`

Defined in: [src/views/utils/index.ts:286](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L286)

Body background for the correction and result views.

#### Default Value

```ts
"#575757"
@public
```

***

### correctionQuad?

> `optional` **correctionQuad?**: `string`

Defined in: [src/views/utils/index.ts:279](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L279)

Stroke and corner-handle color of the boundary quadrilateral in the
correction view. Independent of [ThemeColor.primary](#primary).

#### Default Value

```ts
"#fe8e14"
@public
```

***

### filterMenuBackground?

> `optional` **filterMenuBackground?**: `string`

Defined in: [src/views/utils/index.ts:301](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L301)

Panel background of the result view filter drop-up menu.

#### Default Value

```ts
"#323234"
@public
```

***

### filterMenuText?

> `optional` **filterMenuText?**: `string`

Defined in: [src/views/utils/index.ts:308](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L308)

Text color of the result view filter menu options.

#### Default Value

```ts
"#ffffff"
@public
```

***

### inactiveIndicator?

> `optional` **inactiveIndicator?**: `string`

Defined in: [src/views/utils/index.ts:271](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L271)

"Off" status indicator color on scanner mode selector toggles.

#### Default Value

```ts
"#575757"
@public
```

***

### primary?

> `optional` **primary?**: `string`

Defined in: [src/views/utils/index.ts:248](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L248)

Brand accent. Themes the shutter button, the continuous-mode "Done" button,
active toggle labels in the scanner mode selector, selected camera/resolution
option borders, and the pressed state of correction/result toolbar buttons.

#### Default Value

```ts
"#fe8e14"
@public
```

***

### scanMoreBackground?

> `optional` **scanMoreBackground?**: `string`

Defined in: [src/views/utils/index.ts:315](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L315)

Background of the continuous-mode "Scan More" button.

#### Default Value

```ts
"#323234"
@public
```

***

### scanMoreText?

> `optional` **scanMoreText?**: `string`

Defined in: [src/views/utils/index.ts:322](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L322)

Text color of the continuous-mode "Scan More" button.

#### Default Value

```ts
"#ffffff"
@public
```

***

### toolbarButtonInactive?

> `optional` **toolbarButtonInactive?**: `string`

Defined in: [src/views/utils/index.ts:257](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/views/utils/index.ts#L257)

Default color for toolbar and navigation buttons: correction/result toolbar
icons & labels at rest, the scanner header nav icons (camera select, upload,
torch, close), and inactive toggle labels in the scanner mode selector.

#### Default Value

```ts
"#ffffff"
@public
```