Interface IThemeBindingData

A structure defining default colors and styles of design elements.

Package: @aurigma/design-atoms-interfaces

Remarks

You can specify themeBinding in both IItemData and IDefaultItemsConfig.

Examples

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

Properties

barcode

Declaration

barcode?: string;

Property Value

Type	Description
string

border

The border color.

Declaration

border?: string;

Property Value

Type	Description
string	The border color.

fill

The fill color.

Declaration

fill?: string;

Property Value

Type	Description
string	The fill color.

img

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

Declaration

img?: string;

Property Value

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

line

The line color.

Declaration

line?: string;

Property Value

Type	Description
string	The line color.

shadow

The text shadow color.

Declaration

shadow?: string;

Property Value

Type	Description
string	The text shadow color.

stroke

The text stroke color.

Declaration

stroke?: string;

Property Value

Type	Description
string	The text stroke color.

styles

An array of style names.

Declaration

styles?: string[];

Property Value

Type	Description
string[]	An array of style names.

text

The text color.

Declaration

text?: string;

Property Value

Type	Description
string	The text color.

textFill

Declaration

textFill?: string;

Property Value

Type	Description
string