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;