IThemeBindingData

Interfaces

IThemeBindingData

A structure defining default colors and styles of design elements.

Remarks

You can specify themeBinding in both IItemData and IDefaultItemsConfig https://customerscanvas.com/dev/editors/iframe-api/reference/design-editor-iframe/idefaultitemsconfig.html|IDefaultItemsConfig.

Example

{
  "defaultItemsConfig": {
    "text": {
      "themeBinding": {
        "styles": ["FancyText"]
      }
    },
    "image": {
      "themeBinding": {
        "img": "MainColor",
        "border": "BorderColor"
      }
    }
  }
}

Properties

barcode?

optional barcode?: string;

border?

optional border?: string;

The border color.

fill?

optional fill?: string;

The fill color.

img?

optional img?: string;

The color applied with the Hard Light blend mode and 80% opacity to the original image.

line?

optional line?: string;

The line color.

shadow?

optional shadow?: string;

The text shadow color.

stroke?

optional stroke?: string;

The text stroke color.

styles?

optional styles?: string[];

An array of style names.

text?

optional text?: string;

The text color.

textFill?

optional textFill?: string;