---
title: "IThemeBindingConfig Interface"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ithemebindingconfig.htm
archived: true
applies_to:
  - product: "Customer's Canvas On-Premises"
  - product: "Design Editor"
    versions: ["6.15.0", "6.x (may differ)"]
---

**You’re viewing outdated documentation.** [View the latest Customer’s Canvas On-Premises documentation](https://customerscanvas.com/docs/on-premises/).

# IThemeBindingConfig Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A structure defining default colors and styles of design elements.
  
You can specify **themeBinding** in both [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md) and [IDefaultItemsConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.idefaultitemsconfig.htm.md).
 
 - example
     - ```
{
    "defaultItemsConfig": {
        "text": {
            "themeBinding": {
                "styles": ["FancyText"]
            }
        },
        "image": {
            "themeBinding": {
                "img": "MainColor",
                "border": "BorderColor"
            }
        }
    }
}
```
 
## Properties
 
### Optional border
 
border: string

The border color.
 
### Optional fill
 
fill: string

The fill color.
 
### Optional img
 
img: string

The color applied with the Hard Light blend mode and 80% opacity to the original image.
 
### Optional line
 
line: string

The line color.
 
### Optional shadow
 
shadow: string

The text shadow color.
 
### Optional stroke
 
stroke: string

The text stroke color.
 
### Optional styles
 
styles: string []

An array of style names.
 
### Optional text
 
text: string

The text color.