Interface Data<T_ColourName, T_ExtraColourLevels, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background, __T_ColourOption>`Internal`

Since

0.1.0-alpha

interface Data<
    T_ColourName extends string,
    T_ExtraColourLevels extends Optional,
    T_Keyword_Universal extends string,
    T_Keyword_Text extends string,
    T_Keyword_Background extends string,
    __T_ColourOption extends
        ThemeColourOption<T_ColourName, T_ExtraColourLevels> = ThemeColourOption<
        T_ColourName,
        T_ExtraColourLevels,
    >,
> {
    background: { $: __T_ColourOption } & { alt: __T_ColourOption } & {
        [K in string]: __T_ColourOption
    } & { [K in string]: __T_ColourOption };
    button: {
        disabled: Data_Button<
            T_ColourName,
            T_ExtraColourLevels,
            __T_ColourOption,
        >;
        primary: Data_Button<T_ColourName, T_ExtraColourLevels, __T_ColourOption>;
        secondary: Data_Button<
            T_ColourName,
            T_ExtraColourLevels,
            __T_ColourOption,
        >;
    } & {
        [K in string]: Data_Button<
            T_ColourName,
            T_ExtraColourLevels,
            __T_ColourOption,
        >
    };
    heading: {
        "1": __T_ColourOption;
        "10": __T_ColourOption;
        "2": __T_ColourOption;
        "3": __T_ColourOption;
        "4": __T_ColourOption;
        "5": __T_ColourOption;
        "6": __T_ColourOption;
        "7": __T_ColourOption;
        "8": __T_ColourOption;
        "9": __T_ColourOption;
    };
    input: {
        $: {
            accent: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            bg: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            border: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            text: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
        };
        disabled: {
            accent: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            bg: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            border: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            text: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
        };
        readonly: {
            accent: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            bg: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            border: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
            text: {
                $: __T_ColourOption;
                active: __T_ColourOption;
                hover: __T_ColourOption;
            };
        };
    };
    link: {
        $: { $: __T_ColourOption; visited: __T_ColourOption } & {
            active: __T_ColourOption;
            disabled: __T_ColourOption;
            hover: __T_ColourOption;
        };
        decoration: { $: __T_ColourOption; visited: __T_ColourOption } & {
            active: __T_ColourOption;
            disabled: __T_ColourOption;
            hover: __T_ColourOption;
        };
        icon: { $: __T_ColourOption; visited: __T_ColourOption } & {
            active: __T_ColourOption;
            disabled: __T_ColourOption;
            hover: __T_ColourOption;
        };
        outline: {
            active: __T_ColourOption;
            disabled: __T_ColourOption;
            hover: __T_ColourOption;
        };
    };
    selection: { bg: __T_ColourOption; text: __T_ColourOption };
    system: {
        accent: { bg: __T_ColourOption; text: __T_ColourOption };
        mark: { bg: __T_ColourOption; text: __T_ColourOption };
        selected: { bg: __T_ColourOption; text: __T_ColourOption };
    };
    text: { $: __T_ColourOption } & {
        primary: __T_ColourOption;
        secondary: __T_ColourOption;
    } & {
        active: __T_ColourOption;
        disabled: __T_ColourOption;
        grey: __T_ColourOption;
    } & { [K in string]: __T_ColourOption } & {
        [K in string]: __T_ColourOption
    };
    ui: { $: __T_ColourOption } & {
        primary: __T_ColourOption;
        secondary: __T_ColourOption;
    } & {
        active: __T_ColourOption;
        disabled: __T_ColourOption;
        grey: __T_ColourOption;
    } & { [K in string]: __T_ColourOption } & {
        [K in string]: __T_ColourOption
    };
}

Type Parameters

T_ColourName extends string
T_ExtraColourLevels extends Optional
T_Keyword_Universal extends string
T_Keyword_Text extends string
T_Keyword_Background extends string
__T_ColourOption extends ThemeColourOption<T_ColourName, T_ExtraColourLevels> = ThemeColourOption<T_ColourName, T_ExtraColourLevels>

Index

Properties

background button heading input link selection system text ui

Properties

`Internal`background

background: { $: __T_ColourOption } & { alt: __T_ColourOption } & {
[K in string]: __T_ColourOption
} & { [K in string]: __T_ColourOption }

`Internal`button

button: {
    disabled: Data_Button<
        T_ColourName,
        T_ExtraColourLevels,
        __T_ColourOption,
    >;
    primary: Data_Button<T_ColourName, T_ExtraColourLevels, __T_ColourOption>;
    secondary: Data_Button<T_ColourName, T_ExtraColourLevels, __T_ColourOption>;
} & {
    [K in string]: Data_Button<
        T_ColourName,
        T_ExtraColourLevels,
        __T_ColourOption,
    >
}

`Internal`heading

heading: {
    "1": __T_ColourOption;
    "10": __T_ColourOption;
    "2": __T_ColourOption;
    "3": __T_ColourOption;
    "4": __T_ColourOption;
    "5": __T_ColourOption;
    "6": __T_ColourOption;
    "7": __T_ColourOption;
    "8": __T_ColourOption;
    "9": __T_ColourOption;
}

`Internal`input

input: {
    $: {
        accent: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        bg: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        border: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        text: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
    };
    disabled: {
        accent: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        bg: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        border: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        text: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
    };
    readonly: {
        accent: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        bg: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        border: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
        text: {
            $: __T_ColourOption;
            active: __T_ColourOption;
            hover: __T_ColourOption;
        };
    };
}

Since

0.1.1-alpha.0 — Changed from field to input.

Type Declaration

$: { $: __T_ColourOption; visited: __T_ColourOption } & {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    hover: __T_ColourOption;
}
decoration: { $: __T_ColourOption; visited: __T_ColourOption } & {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    hover: __T_ColourOption;
}
Since
0.1.1-alpha.0 — Renamed from link-ui to link-decoration.
icon: { $: __T_ColourOption; visited: __T_ColourOption } & {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    hover: __T_ColourOption;
}
outline: {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    hover: __T_ColourOption;
}
Used for the focus outline and similar elements.

Since
0.1.1-alpha.0

Since

0.1.1-alpha.0 — Switched to a nested object instead of separate keys.

`Internal`selection

selection: { bg: __T_ColourOption; text: __T_ColourOption }

`Internal`system

system: {
    accent: { bg: __T_ColourOption; text: __T_ColourOption };
    mark: { bg: __T_ColourOption; text: __T_ColourOption };
    selected: { bg: __T_ColourOption; text: __T_ColourOption };
}

`Internal`text

text: { $: __T_ColourOption } & {
    primary: __T_ColourOption;
    secondary: __T_ColourOption;
} & {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    grey: __T_ColourOption;
} & { [K in string]: __T_ColourOption } & {
    [K in string]: __T_ColourOption
}

`Internal`ui

ui: { $: __T_ColourOption } & {
    primary: __T_ColourOption;
    secondary: __T_ColourOption;
} & {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    grey: __T_ColourOption;
} & { [K in string]: __T_ColourOption } & {
    [K in string]: __T_ColourOption
}

Interface Data<T_ColourName, T_ExtraColourLevels, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background, __T_ColourOption>`Internal`

Since

Type Parameters

Index

Properties

Properties

`Internal`background

`Internal`button

`Internal`heading

`Internal`input

Since

`Internal`link

Type Declaration

$: { $: __T_ColourOption; visited: __T_ColourOption } & {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    hover: __T_ColourOption;
}

decoration: { $: __T_ColourOption; visited: __T_ColourOption } & {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    hover: __T_ColourOption;
}

Since

icon: { $: __T_ColourOption; visited: __T_ColourOption } & {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    hover: __T_ColourOption;
}

outline: {
    active: __T_ColourOption;
    disabled: __T_ColourOption;
    hover: __T_ColourOption;
}

Since

Since

`Internal`selection

`Internal`system

`Internal`text

`Internal`ui

Settings

On This Page

Interface Data<T_ColourName, T_ExtraColourLevels, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background, __T_ColourOption>Internal

Since

Type Parameters

Index

Properties

Properties

Internalbackground

Internalbutton

Internalheading

Internalinput

Since

Internallink

Type Declaration

$: { $: __T_ColourOption; visited: __T_ColourOption } & { active: __T_ColourOption; disabled: __T_ColourOption; hover: __T_ColourOption;}

decoration: { $: __T_ColourOption; visited: __T_ColourOption } & { active: __T_ColourOption; disabled: __T_ColourOption; hover: __T_ColourOption;}

Since

icon: { $: __T_ColourOption; visited: __T_ColourOption } & { active: __T_ColourOption; disabled: __T_ColourOption; hover: __T_ColourOption;}

outline: { active: __T_ColourOption; disabled: __T_ColourOption; hover: __T_ColourOption;}

Since

Since

Internalselection

Internalsystem

Internaltext

Internalui

Settings

On This Page

Interface Data<T_ColourName, T_ExtraColourLevels, T_Keyword_Universal, T_Keyword_Text, T_Keyword_Background, __T_ColourOption>`Internal`

`Internal`background

`Internal`button

`Internal`heading

`Internal`input

`Internal`link

$: { $: __T_ColourOption; visited: __T_ColourOption } & {
active: __T_ColourOption;
disabled: __T_ColourOption;
hover: __T_ColourOption;
}

decoration: { $: __T_ColourOption; visited: __T_ColourOption } & {
active: __T_ColourOption;
disabled: __T_ColourOption;
hover: __T_ColourOption;
}

icon: { $: __T_ColourOption; visited: __T_ColourOption } & {
active: __T_ColourOption;
disabled: __T_ColourOption;
hover: __T_ColourOption;
}

outline: {
active: __T_ColourOption;
disabled: __T_ColourOption;
hover: __T_ColourOption;
}

`Internal`selection

`Internal`system

`Internal`text

`Internal`ui