---
title: "Interface: ITextOutline | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/WidgetConfigurationInterfaces.ITextOutline/"
---

# Interface: ITextOutline

> The text outline for low-contrast texts in the Rich text editor. This feature is turned off by default.

## Remarks

You can use these settings in [IRichTextDialogConfig](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/WidgetConfigurationInterfaces.IRichTextDialogConfig.md).

## Example

``` js
configuration = {
   widgets: {
       RichTextDialog: {
           bgColor: "black",
           textOutline: {
               enabled: true,
               color: "rgba(255, 0, 0, 0.5)"
           }
       }
   }
};
```

## Properties

### enabled?

> `optional` **enabled?**: `boolean`

Enables text outline. The text is outlined in the Rich text dialog if the difference between the text and background colors is below the hue or the brightness threshold. The default value is `false`.

***

### hueThreshold?

> `optional` **hueThreshold?**: `number`

The hue threshold. The default value is `74`.

***

### brightnessThreshold?

> `optional` **brightnessThreshold?**: `number`

The brightness threshold. The default value is `5`.

***

### color?

> `optional` **color?**: `string`

The outline color. The default value is `"rgba(0, 0, 0, 0.2)"`.