@vectara/vectara-ui/lib/components/context/Theme.d.ts

Vectara's design system, codified as a React and Sass component library

export type Theme = {
    fontFamily?: string;
    fontFamilyMonospace?: string;
    colorAccentShade?: string;
    colorAccentShadeRgb?: string;
    colorAccentLightShade?: string;
    colorAccentLightShadeRgb?: string;
    colorAccentLighterShade?: string;
    colorAccentLighterShadeRgb?: string;
    colorPrimaryShade?: string;
    colorPrimaryShadeRgb?: string;
    colorPrimaryLightShade?: string;
    colorPrimaryLightShadeRgb?: string;
    colorPrimaryLighterShade?: string;
    colorPrimaryLighterShadeRgb?: string;
    colorSuccessShade?: string;
    colorSuccessShadeRgb?: string;
    colorSuccessLightShade?: string;
    colorSuccessLightShadeRgb?: string;
    colorSuccessLighterShade?: string;
    colorSuccessLighterShadeRgb?: string;
    colorWarningShade?: string;
    colorWarningShadeRgb?: string;
    colorWarningLightShade?: string;
    colorWarningLightShadeRgb?: string;
    colorWarningLighterShade?: string;
    colorWarningLighterShadeRgb?: string;
    colorDangerShade?: string;
    colorDangerShadeRgb?: string;
    colorDangerLightShade?: string;
    colorDangerLightShadeRgb?: string;
    colorDangerLighterShade?: string;
    colorDangerLighterShadeRgb?: string;
    colorPrimaryHighlightShade?: string;
    colorPrimaryHighlightShadeRgb?: string;
    colorSubduedShade?: string;
    colorSubduedShadeRgb?: string;
    colorEmptyShade?: string;
    colorEmptyShadeRgb?: string;
    colorLightShade?: string;
    colorLightShadeRgb?: string;
    colorMediumShade?: string;
    colorMediumShadeRgb?: string;
    colorDarkShade?: string;
    colorDarkShadeRgb?: string;
    colorDarkerShade?: string;
    colorDarkerShadeRgb?: string;
    colorFullShade?: string;
    colorFullShadeRgb?: string;
    colorText?: string;
    colorTextRgb?: string;
    colorLabel?: string;
    colorLabelRgb?: string;
    colorBorderMedium?: string;
    colorBorderMediumRgb?: string;
    colorBorderLight?: string;
    colorBorderLightRgb?: string;
};
export declare const toRgba: (hex: string, alpha: number) => string;
export declare const toRgb: (hex: string) => string;
export declare const LIGHT_THEME: Theme;
export declare const DARK_THEME: Theme;
export declare const toStyle: (theme: Theme) => Record<string, string>;