export declare type Color = string;
export interface Colors {
    white: Color;
    black: Color;
    text1: Color;
    text2: Color;
    text3: Color;
    text4: Color;
    text5: Color;
    text6: Color;
    text7: Color;
    text8: Color;
    text9: Color;
    text10: Color;
    text11: Color;
    text12: Color;
    text13: Color;
    text14: Color;
    text15: Color;
    text16: Color;
    bg1: Color;
    bg2: Color;
    bg3: Color;
    bg4: Color;
    bg5: Color;
    bg6: Color;
    bg7: Color;
    bg8: Color;
    bg9: Color;
    modalBG: Color;
    modalBG2: Color;
    advancedBG: Color;
    closeCircleBG: Color;
    primary1: Color;
    primary2: Color;
    primary3: Color;
    primary4: Color;
    primary5: Color;
    primary6: Color;
    primaryText1: Color;
    secondary1: Color;
    secondary2: Color;
    secondary3: Color;
    red1: Color;
    red2: Color;
    green1: Color;
    red3Gradient: Color;
    green2Gradient: Color;
    yellow1: Color;
    yellow2: Color;
    orange1: Color;
    blue1: Color;
    avaxRed: Color;
    swapWidget?: {
        primary?: Color;
        secondary?: Color;
        backgroundColor?: Color;
        detailsBackground?: Color;
        interactiveColor?: Color;
        interactiveBgColor?: Color;
    };
    drawer?: {
        text?: Color;
        backgroundColor?: Color;
    };
    textInput?: {
        text?: Color;
        labelText?: Color;
        placeholderText?: Color;
        backgroundColor?: Color;
    };
    currencySelect?: {
        defaultText?: Color;
        selectedText?: Color;
        defaultBackgroundColor?: Color;
        selectedBackgroundColor?: Color;
    };
    loader?: {
        text?: Color;
    };
    numberOptions?: {
        text: Color;
        activeTextColor: Color;
        activeBackgroundColor?: Color;
        inactiveBackgroundColor?: Color;
        borderColor?: Color;
    };
    switch?: {
        onColor?: Color;
        offColor?: Color;
        backgroundColor?: Color;
    };
    toggleButton?: {
        backgroundColor?: Color;
        selectedColor?: Color;
        fontColor?: Color;
    };
    button?: {
        primary?: {
            background?: Color;
            color?: Color;
        };
        secondary?: {
            background?: Color;
            color?: Color;
        };
        outline?: {
            borderColor?: Color;
            color?: Color;
        };
        plain?: {
            color?: Color;
        };
        disable?: {
            background?: Color;
            color?: Color;
        };
        confirmed?: {
            background?: Color;
            color?: Color;
            borderColor?: Color;
        };
    };
    elixir?: {
        primaryBgColor?: Color;
        secondaryBgColor?: Color;
    };
    bridge?: {
        primaryBgColor?: Color;
        secondaryBgColor?: Color;
        text?: Color;
        infoIconColor?: Color;
        routeInfoColor?: Color;
        transferKeyColor?: Color;
        loaderCloseIconColor?: Color;
        informationBoxesBackgroundColor?: Color;
    };
    tabs?: {
        tabColor?: Color;
        tabListColor?: Color;
        tabPanelBorderColor?: Color;
    };
    dropdown?: {
        color?: Color;
        primaryBgColor?: Color;
    };
    chainInput: {
        text?: Color;
        primaryBgColor?: Color;
    };
    liquidityChartRangeInput: {
        bgColor?: Color;
        tooltipBackground?: Color;
        tooltipText?: Color;
        handleAccentColor?: Color;
        pathColor?: Color;
        styledLine?: Color;
    };
    primary: Color;
    mustardYellow: Color;
    eerieBlack: Color;
    ghostWhite: Color;
    ghostWhite1: Color;
    chineseBlack: Color;
    darkGunmetal: Color;
    platinum: Color;
    darkSilver: Color;
    venetianRed: Color;
    oceanBlue: Color;
    quickSilver: Color;
    error: Color;
    warning: Color;
    success: Color;
    color2: Color;
    color3: Color;
    color4: Color;
    color5: Color;
    color6: Color;
    color7: Color;
    color8: Color;
    color9: Color;
    color10: Color;
    color11: Color;
    color12: Color;
    color13: Color;
}
export interface Grids {
    sm: number;
    md: number;
    lg: number;
}
declare module 'styled-components' {
    interface DefaultTheme extends Colors {
        grids: Grids;
        shadow1: string;
        mediaWidth: {
            upToExtraSmall: ThemedCssFunction<DefaultTheme>;
            upToSmall: ThemedCssFunction<DefaultTheme>;
            upToMedium: ThemedCssFunction<DefaultTheme>;
            upToLarge: ThemedCssFunction<DefaultTheme>;
        };
        flexColumnNoWrap: FlattenSimpleInterpolation;
        flexRowNoWrap: FlattenSimpleInterpolation;
    }
}
