---
title: "IProductThemeConfig Interface"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.iproductthemeconfig.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/).

# IProductThemeConfig Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A configuration of product themes. For details, see the [Product Themes](https://customerscanvas.com/docs/cc6/product-themes.htm.md) topic.
  
 - example
     - ```
var productThemeSet = {
    "violetSet": {
        "main": "rgb(102,45,145)",
        "alternative": "rgb(150,67,214)",
        "borders": "rgb(190,107,255)",
        "texts": "rgb(32,18,77)",
        "shadows": "rgb(123,123,123)"
    },
    "roseSet": {
        "main": "rgb(241,160,175)",
        "alternative": "rgb(255,200,214)",
        "borders": "rgb(255,255,255)",
        "texts": "rgb(224,102,102)",
        "shadows": "rgb(88,88,88)"
    },
    "lightStyle": {
        "C01": "rgb(241,160,175)",
        "C02": "rgb(255,200,214)",
        "SHAPE": {
            "fillColor": "rgb(132,118,57)",
            "borderColor": "rgb(7,70,163)"
        }
    },
    "darkStyle": {
        "C01": "rgb(102,45,145)",
        "C02": "rgb(150,67,214)",
        "SHAPE": {
            "fillColor": "rgb(32,18,77)",
            "borderColor": "rgb(37,47,63)"
        }
    }
};

CustomersCanvas.IframeApi.loadEditor(iframe, productDefinition,
    { productThemes: productThemeSet, defaultProductTheme: "violetSet" }
);
```
 
### Indexable
 
[name: string ]:  string  |  [IItemData](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.iitemdata.htm.md)
   
The key is a color category or a style name, and the value is either a color or a style definition. If this value is a string, this is a color definition. Overwise, this value defines text properties. For the supported list of text properties, you can refer to the [ItemData](https://customerscanvas.com/docs/cc6/product-themes.htm.md) description.