export type ThemeVariant = 'light' | 'dark';
export type ThemeVariantOrAuto = 'auto' | ThemeVariant;
export interface Theme {
    /** The primary page background color. */
    background?: string;
    /** The background color for content that is lightly promoted and sits one level higher than `backgroundMid`. */
    backgroundLight?: string;
    /** The background color for cards and other content that sits one level higher than `background`. */
    backgroundMid?: string;
    /** @deprecated use successBackground instead. The background color for success content. Must have sufficient contrast with textPrimary. */
    backgroundSuccess?: string;
    /** The background color used for primary banners */
    bannerPrimaryBackground?: string;
    /** The background color used for secondary banners */
    bannerSecondaryBackground?: string;
    /** The border colors for cards and form elements that should be strongly distinguished from their surroundings. Should be discernable from all background colors. */
    borderDark?: string;
    /** The border colors for cards and form elements that should be subtly distinguished from their surroundings. Should be discernable from all background colors. */
    borderLight?: string;
    /** The background color for chat. Should be a hex color code. */
    chatBackground?: string;
    /** The color for prominent text on the company provided background image. Should have sufficient contrast with the company background image. */
    companyBackgroundTextPrimary?: string;
    /** The color for disabled elements */
    disabled?: string;
    /** Background color for disabled elements */
    disabledBackground?: string;
    /** The color for disabled elements */
    disabledHighlight?: string;
    /** The color that is used for text and icons that indicate an error condition. Should have sufficient contrast with all background colors. */
    error?: string;
    /** The background color for error content. Must have sufficient contrast with textPrimary. */
    errorBackground?: string;
    /** The background color used upon hovering over interactable elements such as buttons. */
    hover?: string;
    /** The background color used for info content. */
    info?: string;
    /** The background color for info content. */
    infoBackground?: string;
    /** The foreground color for info content. */
    infoForeground?: string;
    /** The background color for the app-wide navigation bar. */
    navBarBackground?: string;
    /** The foreground icon color for the app-wide navigation bar. Should have sufficient contrast with `navBarBackground`. */
    navBarForeground?: string;
    /** The background color for the app-wide in-page menu. */
    navigationInPageBackground?: string;
    /** The primary accent color used for hyperlinks, buttons, and overall branding. Should have sufficient contrast with all background colors. */
    primaryHighlight?: string;
    /** The hover color for interactable `primaryHighlight`. Should have sufficient contrast with all background colors. */
    primaryHover?: string;
    /** The background color used when an interactable element such as a menu option or toggle is actively applied. */
    selected?: string;
    /** The background for the app shell. This can be hex value, linear-gradient or image (url). */
    shellBackground?: string;
    /** The color that is used for text and icons that indicate an success condition. Should have sufficient contrast with all background colors. */
    success?: string;
    /** The background color used to indicate successes. For ex, in: banners, toasts, etc. */
    successBackground?: string;
    /** The color for text that is highlighted. Should have sufficient contrast with all background colors. */
    textHighlight?: string;
    /** The color for prominent text. Should have sufficient contrast with all background colors. */
    textPrimary?: string;
    /** The color for secondary text. Should have sufficient contrast with all background colors, but less than `textPrimary`. */
    textSecondary?: string;
    /** The color for visited hyperlinks. */
    visited?: string;
    /** The color that is used for distinguishing warning elements from their surroundings */
    warning?: string;
    /** The background color for warning content. Must have sufficient contrast with textPrimary. */
    warningBackground?: string;
    /** The color that is used for strongly distinguishing warning elements from their surroundings */
    warningDark?: string;
    /** The color that is used for subtly distinguishing warning elements from their surroundings */
    warningLight?: string;
    /** The color that is used for distinguishing warning text from their surroundings */
    warningText?: string;
}