@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;
    colorAccentBorder?: string;
    colorAccentBorderRgb?: string;
    colorAccentBackground?: string;
    colorAccentBackgroundRgb?: string;
    colorPrimaryShade?: string;
    colorPrimaryShadeRgb?: string;
    colorPrimaryBorder?: string;
    colorPrimaryBorderRgb?: string;
    colorPrimaryBackground?: string;
    colorPrimaryBackgroundRgb?: string;
    colorSuccessShade?: string;
    colorSuccessShadeRgb?: string;
    colorSuccessBorder?: string;
    colorSuccessBorderRgb?: string;
    colorSuccessBackground?: string;
    colorSuccessBackgroundRgb?: string;
    colorWarningShade?: string;
    colorWarningShadeRgb?: string;
    colorWarningBorder?: string;
    colorWarningBorderRgb?: string;
    colorWarningBackground?: string;
    colorWarningBackgroundRgb?: string;
    colorDangerShade?: string;
    colorDangerShadeRgb?: string;
    colorDangerBorder?: string;
    colorDangerBorderRgb?: string;
    colorDangerBackground?: string;
    colorDangerBackgroundRgb?: 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;
    colorIndigoBackground?: string;
    colorIndigoText?: string;
    colorEmeraldBackground?: string;
    colorEmeraldText?: string;
    colorAmberBackground?: string;
    colorAmberText?: string;
    colorPinkBackground?: string;
    colorPinkText?: string;
    colorSkyBackground?: string;
    colorSkyText?: string;
    colorOrangeBackground?: string;
    colorOrangeText?: string;
    colorSlateBackground?: string;
    colorSlateText?: string;
    colorTealBackground?: string;
    colorTealText?: string;
    colorLimeBackground?: string;
    colorLimeText?: string;
    colorPurpleBackground?: string;
    colorPurpleText?: string;
    colorFuchsiaBackground?: string;
    colorFuchsiaText?: string;
    colorRedBackground?: string;
    colorRedText?: string;
    colorChart1?: string;
    colorChart2?: string;
    colorChart3?: string;
    colorChart4?: string;
    colorChart5?: string;
    colorChart6?: string;
    colorChart7?: string;
    colorChart8?: 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>;