@appsemble/lang-sdk/types/theme.d.ts

Language SDK for Appsemble

export interface FontDefinition {
    /**
     * Where to load a font from.
     */
    source?: 'custom' | 'google';
    /**
     * The name of the font family.
     *
     * This will be referenced in the Bulma CSS.
     */
    family: string;
}
export interface Theme {
    /**
     * The color primarily featured in the color scheme.
     */
    primaryColor: string;
    /**
     * The color used for links.
     */
    linkColor: string;
    /**
     * The color used to feature successful or positive actions.
     */
    successColor: string;
    /**
     * The color used to indicate information.
     */
    infoColor: string;
    /**
     * The color used for elements that require extra attention.
     */
    warningColor: string;
    /**
     * The color used for elements that demand caution for destructive actions.
     */
    dangerColor: string;
    /**
     * The color used in the foreground of the splash screen.
     */
    themeColor: string;
    /**
     * The color used in the background of the splash screen.
     */
    splashColor: string;
    /**
     * The link to the tile layer used for Leaflet maps.
     */
    tileLayer: string;
    /**
     * The name of a font available on Google fonts.
     */
    font: FontDefinition;
}