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

# 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
 
### logo
 
logo: string

The image of the standard preloader. You can define it through:
 
- a URL, for example: ` https://example.com/logo.svg↗ `
- an SVG element, for example: ` <svg viewBox="0 0 32 32" ... fill="#0090FF"/></svg> `
- a base64 string, for example: `data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhldD0iMzIi...dmc+`
 
### primaryColor
 
primaryColor: string

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