@reservoir0x/relay-kit-ui/_types/src/themes/RelayKitTheme.d.ts

Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.

interface Button {
    color?: string;
    background?: string;
    hover?: {
        color?: string;
        background?: string;
    };
}
export interface RelayKitTheme {
    font?: string;
    primaryColor?: string;
    focusColor?: string;
    subtleBackgroundColor?: string;
    subtleBorderColor?: string;
    text?: {
        default?: string;
        subtle?: string;
        error?: string;
        success?: string;
    };
    buttons?: {
        primary?: Button;
        secondary?: Button;
        tertiary?: Button;
        disabled?: {
            color?: string;
            background?: string;
        };
    };
    input?: {
        background?: string;
        borderRadius?: string;
        color?: string;
    };
    skeleton?: {
        background?: string;
    };
    anchor?: {
        color?: string;
        hover?: {
            color?: string;
        };
    };
    dropdown?: {
        background?: string;
        borderRadius?: string;
        border?: string;
    };
    widget?: {
        background?: string;
        borderRadius?: string;
        border?: string;
        boxShadow?: string;
        card?: {
            background?: string;
            borderRadius?: string;
            border?: string;
            gutter?: string;
        };
        selector?: {
            background?: string;
            hover?: {
                background?: string;
            };
        };
        swapCurrencyButtonBorderColor?: string;
        swapCurrencyButtonBorderWidth?: string;
        swapCurrencyButtonBorderRadius?: string;
    };
    modal?: {
        background?: string;
        border?: string;
        borderRadius?: string;
    };
}
export declare const defaultTheme: RelayKitTheme;
export {};
//# sourceMappingURL=RelayKitTheme.d.ts.map