Interface IThemeSection

A structure defining the section of theme colors in the Color picker.

Inheritance

IColorPickerConfigSection

IThemeSection

Package: @aurigma/design-editor-iframe

Remarks

See the Color picker topic for more details.

Examples

let colorSets = {
    "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)"
    },
};
let configuration = {
    productThemes: colorSets,
    defaultProductTheme: "roseSet",
    widgets: {
        ColorPicker: {
            sections: [
              {
                  type: "ThemeSection"
              }
            ]
        }
    }
};

Properties

type

The source type, "ThemeSection".

Declaration

type: SectionType.ThemeSection;

Property Value

Type	Description
ThemeSection	The source type, "ThemeSection".