View as Markdown
You’re viewing outdated documentation. View the latest Customer’s Canvas On-Premises documentation.

IThemeConfiguration Interface

Applies to: Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · Archived documentation

A structure containing the properties that redefine the appearance of the UI theme.

example
let product = {
    "surfaces": { designFolder: "photobook" }
};

let config = {    
    "themeConfiguration": {
        "primaryColor": "#0090FF",
        "logo": "https://example.com/logo.svg"
    }
};

var editor = await CustomersCanvas.IframeApi.loadEditor(
                   document.getElementById("editorFrame"), product, config);

Properties

primaryColor

primaryColor: string

The primary color of the UI theme, a string in the CSS format. For example, "#78187b" or "rgb(120,24,123)".