@daimo/pay/build/src/styles/themes/base.js

Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.

var base = {
    light: {
        /** Connect Wallet Button */
        "--ck-connectbutton-font-size": "15px",
        "--ck-connectbutton-color": "#373737",
        "--ck-connectbutton-background": "#F6F7F9",
        "--ck-connectbutton-background-secondary": "#FFFFFF",
        "--ck-connectbutton-hover-color": "#373737",
        "--ck-connectbutton-hover-background": "#F0F2F5",
        "--ck-connectbutton-active-color": "#373737",
        "--ck-connectbutton-active-background": "#EAECF1",
        "--ck-connectbutton-balance-color": "#373737",
        "--ck-connectbutton-balance-background": "#fff",
        "--ck-connectbutton-balance-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-background)",
        "--ck-connectbutton-balance-hover-background": "#F6F7F9",
        "--ck-connectbutton-balance-hover-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-hover-background)",
        "--ck-connectbutton-balance-active-background": "#F0F2F5",
        "--ck-connectbutton-balance-active-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-active-background)",
        /** Primary Button */
        "--ck-primary-button-border-radius": "16px",
        "--ck-primary-button-color": "#373737",
        "--ck-primary-button-background": "#F6F7F9",
        //'--ck-primary-button-box-shadow': 'inset 0 0 0 1px #F0F0F0',
        "--ck-primary-button-font-weight": "600",
        "--ck-primary-button-hover-color": "#373737",
        "--ck-primary-button-hover-background": "#F0F2F5",
        //'--ck-primary-button-hover-box-shadow': 'inset 0 0 0 2px var(--ck-focus-color)',
        //'--ck-primary-button-active-background': '#EAECF1',
        /** Secondary Button */
        "--ck-secondary-button-border-radius": "16px",
        "--ck-secondary-button-color": "#373737",
        "--ck-secondary-button-background": "#F6F7F9",
        //'--ck-secondary-button-box-shadow': '',
        //'--ck-secondary-button-font-weight': '',
        /** Tertiary Button */
        "--ck-tertiary-button-background": "#FFFFFF",
        "--ck-secondary-button-hover-background": "#e0e4eb",
        /** Modal */
        "--ck-modal-box-shadow": "0px 2px 4px rgba(0, 0, 0, 0.02)",
        "--ck-overlay-background": "rgba(71, 88, 107, 0.24)",
        "--ck-body-color": "#373737",
        "--ck-body-color-muted": "#999999",
        "--ck-body-color-muted-hover": "#111111",
        "--ck-body-background": "#ffffff",
        "--ck-body-background-transparent": "rgba(255,255,255,0)",
        "--ck-body-background-secondary": "#f6f7f9",
        "--ck-body-background-secondary-hover-background": "#e0e4eb",
        "--ck-body-background-secondary-hover-outline": "#4282FF",
        "--ck-body-background-tertiary": "#F3F4F7",
        "--ck-body-action-color": "#999999",
        "--ck-body-divider": "#f7f6f8",
        "--ck-body-divider-secondary": "rgba(0, 0, 0, 0.06)",
        "--ck-body-color-danger": "#FF4E4E",
        "--ck-body-color-valid": "#32D74B",
        "--ck-siwe-border": "#F0F0F0",
        /** Disclaimer */
        //'--ck-body-disclaimer-background': '#E3D6C9',
        //'--ck-body-disclaimer-box-shadow': 'none',
        "--ck-body-disclaimer-color": "#AAAAAB",
        "--ck-body-disclaimer-link-color": "#838485",
        "--ck-body-disclaimer-link-hover-color": "#000000",
        /** Tooltips */
        "--ck-tooltip-background": "#ffffff",
        "--ck-tooltip-background-secondary": "#ffffff",
        "--ck-tooltip-color": "#999999",
        "--ck-tooltip-shadow": "0px 2px 10px rgba(0, 0, 0, 0.08)",
        /** Network dropdown */
        "--ck-dropdown-button-color": "#999999",
        "--ck-dropdown-button-box-shadow": "0 0 0 1px rgba(0,0,0,0.01), 0px 0px 7px rgba(0, 0, 0, 0.05)",
        "--ck-dropdown-button-background": "#fff",
        "--ck-dropdown-button-hover-color": "#8B8B8B",
        "--ck-dropdown-button-hover-background": "#F5F7F9",
        /** QR Code */
        "--ck-qr-dot-color": "#000000",
        "--ck-qr-border-color": "#f7f6f8",
        /** Misc. */
        "--ck-focus-color": "#1A88F8",
        "--ck-spinner-color": "var(--ck-focus-color)",
        "--ck-copytoclipboard-stroke": "#CCCCCC",
    },
    dark: {
        "--ck-connectbutton-font-size": "15px",
        "--ck-connectbutton-color": "#ffffff",
        "--ck-connectbutton-background": "#383838",
        "--ck-connectbutton-background-secondary": "#282828",
        "--ck-connectbutton-hover-background": "#404040",
        "--ck-connectbutton-active-background": "#4D4D4D",
        "--ck-connectbutton-balance-color": "#fff",
        "--ck-connectbutton-balance-background": "#282828",
        "--ck-connectbutton-balance-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-background)",
        "--ck-connectbutton-balance-hover-background": "#383838",
        "--ck-connectbutton-balance-hover-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-hover-background)",
        "--ck-connectbutton-balance-active-background": "#404040",
        "--ck-connectbutton-balance-active-box-shadow": "inset 0 0 0 1px var(--ck-connectbutton-active-background)",
        "--ck-primary-button-color": "#ffffff",
        "--ck-primary-button-background": "#383838",
        //'--ck-primary-button-box-shadow': 'inset 0 0 0 1px #3D3D3D',
        "--ck-primary-button-border-radius": "16px",
        "--ck-primary-button-font-weight": "600",
        "--ck-primary-button-hover-background": "#404040",
        //'--ck-primary-button-hover-box-shadow': 'inset 0 0 0 2px rgba(255, 255, 255, 0.4)',
        //'--ck-primary-button-active-background': '#4D4D4D',
        "--ck-primary-button-active-border-radius": "16px",
        "--ck-secondary-button-color": "#ffffff",
        "--ck-secondary-button-background": "#333333",
        "--ck-secondary-button-hover-background": "#4D4D4D",
        /** Tertiary Button */
        "--ck-tertiary-button-background": "#424242",
        "--ck-focus-color": "#1A88F8",
        "--ck-overlay-background": "rgba(0,0,0,0.4)",
        "--ck-body-color": "#ffffff",
        "--ck-body-color-muted": "rgba(255, 255, 255, 0.4)",
        "--ck-body-color-muted-hover": "rgba(255, 255, 255, 0.8)",
        "--ck-body-background": "#2B2B2B",
        "--ck-body-background-transparent": "rgba(0,0,0,0)",
        "--ck-body-background-secondary": "#333333",
        "--ck-body-background-secondary-hover-background": "#4D4D4D",
        "--ck-body-background-secondary-hover-outline": "#ffffff",
        "--ck-body-background-tertiary": "#333333",
        "--ck-body-action-color": "#808080",
        "--ck-body-divider": "#383838",
        "--ck-body-color-danger": "#FF4E4E",
        "--ck-body-disclaimer-color": "#858585",
        "--ck-body-disclaimer-link-color": "#ADADAD",
        "--ck-body-disclaimer-link-hover-color": "#FFFFFF",
        "--ck-modal-box-shadow": "0px 2px 4px rgba(0, 0, 0, 0.02)",
        "--ck-copytoclipboard-stroke": "#555555",
        "--ck-tooltip-background": "#2B2B2B",
        "--ck-tooltip-background-secondary": "#333333",
        "--ck-tooltip-color": "#999999",
        "--ck-tooltip-shadow": "0px 2px 10px rgba(0, 0, 0, 0.08)",
        /** Network dropdown */
        "--ck-dropdown-button-color": "#6C7381",
        "--ck-spinner-color": "var(--ck-focus-color)",
        "--ck-qr-dot-color": "#ffffff",
        "--ck-qr-border-color": "#3d3d3d",
    },
};

export { base as default };
//# sourceMappingURL=base.js.map