survey-core/themes/index.d.ts

survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.

import DefaultLight from "./default-light";
import DefaultDark from "./default-dark";
import DefaultLightPanelless from "./default-light-panelless";
import DefaultDarkPanelless from "./default-dark-panelless";
import SharpLight from "./sharp-light";
import SharpDark from "./sharp-dark";
import SharpLightPanelless from "./sharp-light-panelless";
import SharpDarkPanelless from "./sharp-dark-panelless";
import BorderlessLight from "./borderless-light";
import BorderlessDark from "./borderless-dark";
import BorderlessLightPanelless from "./borderless-light-panelless";
import BorderlessDarkPanelless from "./borderless-dark-panelless";
import FlatLight from "./flat-light";
import FlatDark from "./flat-dark";
import FlatLightPanelless from "./flat-light-panelless";
import FlatDarkPanelless from "./flat-dark-panelless";
import PlainLight from "./plain-light";
import PlainDark from "./plain-dark";
import PlainLightPanelless from "./plain-light-panelless";
import PlainDarkPanelless from "./plain-dark-panelless";
import DoubleBorderLight from "./doubleborder-light";
import DoubleBorderDark from "./doubleborder-dark";
import DoubleBorderLightPanelless from "./doubleborder-light-panelless";
import DoubleBorderDarkPanelless from "./doubleborder-dark-panelless";
import LayeredLight from "./layered-light";
import LayeredDark from "./layered-dark";
import LayeredLightPanelless from "./layered-light-panelless";
import LayeredDarkPanelless from "./layered-dark-panelless";
import SolidLight from "./solid-light";
import SolidDark from "./solid-dark";
import SolidLightPanelless from "./solid-light-panelless";
import SolidDarkPanelless from "./solid-dark-panelless";
import ThreeDimensionalLight from "./threedimensional-light";
import ThreeDimensionalDark from "./threedimensional-dark";
import ThreeDimensionalLightPanelless from "./threedimensional-light-panelless";
import ThreeDimensionalDarkPanelless from "./threedimensional-dark-panelless";
import ContrastLight from "./contrast-light";
import ContrastDark from "./contrast-dark";
import ContrastLightPanelless from "./contrast-light-panelless";
import ContrastDarkPanelless from "./contrast-dark-panelless";
declare const __surveyjs_internal_themes_hash = true;
export { DefaultLight, DefaultDark, DefaultLightPanelless, DefaultDarkPanelless, SharpLight, SharpDark, SharpLightPanelless, SharpDarkPanelless, BorderlessLight, BorderlessDark, BorderlessLightPanelless, BorderlessDarkPanelless, FlatLight, FlatDark, FlatLightPanelless, FlatDarkPanelless, PlainLight, PlainDark, PlainLightPanelless, PlainDarkPanelless, DoubleBorderLight, DoubleBorderDark, DoubleBorderLightPanelless, DoubleBorderDarkPanelless, LayeredLight, LayeredDark, LayeredLightPanelless, LayeredDarkPanelless, SolidLight, SolidDark, SolidLightPanelless, SolidDarkPanelless, ThreeDimensionalLight, ThreeDimensionalDark, ThreeDimensionalLightPanelless, ThreeDimensionalDarkPanelless, ContrastLight, ContrastDark, ContrastLightPanelless, ContrastDarkPanelless, __surveyjs_internal_themes_hash };
declare const _default: {
    DefaultLight: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    DefaultDark: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    DefaultLightPanelless: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    DefaultDarkPanelless: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    SharpLight: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    SharpDark: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    SharpLightPanelless: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    SharpDarkPanelless: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    BorderlessLight: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    BorderlessDark: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-dim": string;
            "--sjs-general-backcolor-dim-light": string;
            "--sjs-general-backcolor-dim-dark": string;
            "--sjs-general-forecolor": string;
            "--sjs-general-forecolor-light": string;
            "--sjs-general-dim-forecolor": string;
            "--sjs-general-dim-forecolor-light": string;
            "--sjs-primary-backcolor": string;
            "--sjs-primary-backcolor-light": string;
            "--sjs-primary-backcolor-dark": string;
            "--sjs-primary-forecolor": string;
            "--sjs-primary-forecolor-light": string;
            "--sjs-base-unit": string;
            "--sjs-corner-radius": string;
            "--sjs-secondary-backcolor": string;
            "--sjs-secondary-backcolor-light": string;
            "--sjs-secondary-backcolor-semi-light": string;
            "--sjs-secondary-forecolor": string;
            "--sjs-secondary-forecolor-light": string;
            "--sjs-shadow-small": string;
            "--sjs-shadow-small-reset": string;
            "--sjs-shadow-medium": string;
            "--sjs-shadow-large": string;
            "--sjs-shadow-inner": string;
            "--sjs-shadow-inner-reset": string;
            "--sjs-border-light": string;
            "--sjs-border-default": string;
            "--sjs-border-inside": string;
            "--sjs-special-red": string;
            "--sjs-special-red-light": string;
            "--sjs-special-red-forecolor": string;
            "--sjs-special-green": string;
            "--sjs-special-green-light": string;
            "--sjs-special-green-forecolor": string;
            "--sjs-special-blue": string;
            "--sjs-special-blue-light": string;
            "--sjs-special-blue-forecolor": string;
            "--sjs-special-yellow": string;
            "--sjs-special-yellow-light": string;
            "--sjs-special-yellow-forecolor": string;
            "--sjs-article-font-xx-large-textDecoration": string;
            "--sjs-article-font-xx-large-fontWeight": string;
            "--sjs-article-font-xx-large-fontStyle": string;
            "--sjs-article-font-xx-large-fontStretch": string;
            "--sjs-article-font-xx-large-letterSpacing": string;
            "--sjs-article-font-xx-large-lineHeight": string;
            "--sjs-article-font-xx-large-paragraphIndent": string;
            "--sjs-article-font-xx-large-textCase": string;
            "--sjs-article-font-x-large-textDecoration": string;
            "--sjs-article-font-x-large-fontWeight": string;
            "--sjs-article-font-x-large-fontStyle": string;
            "--sjs-article-font-x-large-fontStretch": string;
            "--sjs-article-font-x-large-letterSpacing": string;
            "--sjs-article-font-x-large-lineHeight": string;
            "--sjs-article-font-x-large-paragraphIndent": string;
            "--sjs-article-font-x-large-textCase": string;
            "--sjs-article-font-large-textDecoration": string;
            "--sjs-article-font-large-fontWeight": string;
            "--sjs-article-font-large-fontStyle": string;
            "--sjs-article-font-large-fontStretch": string;
            "--sjs-article-font-large-letterSpacing": string;
            "--sjs-article-font-large-lineHeight": string;
            "--sjs-article-font-large-paragraphIndent": string;
            "--sjs-article-font-large-textCase": string;
            "--sjs-article-font-medium-textDecoration": string;
            "--sjs-article-font-medium-fontWeight": string;
            "--sjs-article-font-medium-fontStyle": string;
            "--sjs-article-font-medium-fontStretch": string;
            "--sjs-article-font-medium-letterSpacing": string;
            "--sjs-article-font-medium-lineHeight": string;
            "--sjs-article-font-medium-paragraphIndent": string;
            "--sjs-article-font-medium-textCase": string;
            "--sjs-article-font-default-textDecoration": string;
            "--sjs-article-font-default-fontWeight": string;
            "--sjs-article-font-default-fontStyle": string;
            "--sjs-article-font-default-fontStretch": string;
            "--sjs-article-font-default-letterSpacing": string;
            "--sjs-article-font-default-lineHeight": string;
            "--sjs-article-font-default-paragraphIndent": string;
            "--sjs-article-font-default-textCase": string;
        };
    };
    BorderlessLightPanelless: {
        themeName: string;
        colorPalette: string;
        isPanelless: boolean;
        cssVariables: {
            "--sjs-general-backcolor": string;
            "--sjs-general-backcolor-dark": string;
            "--sjs-general-backcolor-