@daimo/pay
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
81 lines (79 loc) • 1.69 kB
JavaScript
const defaultLightTheme = {
font: {
family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`
},
text: {
primary: {
color: "#373737"
},
secondary: {
color: "#999999",
hover: {
color: "#111111"
}
},
error: "#FC6464",
valid: "#32D74B"
},
buttons: {
primary: {
borderRadius: 16,
color: "#000373737000",
background: "#FFFFFF",
border: "#F0F0F0",
hover: {
color: "#000000",
border: "#1A88F8"
}
},
secondary: {
borderRadius: 16,
background: "#F6F7F9",
color: "#000000"
}
},
navigation: {
color: "#999999"
},
modal: {
background: "#ffffff",
// need to generate an rgba transparent version of this for Safari
divider: "#f7f6f8"
},
tooltips: {
color: "#999999",
background: "#ffffff",
hover: {
background: "#f6f7f9"
}
},
overlay: {
background: "rgba(0, 0, 0, 0.06)"
},
qrCode: {
accentColor: "#F7F6F8"
}
};
const parseTheme = (theme) => {
return theme;
};
const userPrefersDarkMode = () => {
if (typeof window === "undefined") return false;
return window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
};
userPrefersDarkMode();
const defaultTheme = {
daimoPay: {
options: {
iconStyle: "light"
},
//theme: parseTheme(defaultLightTheme),
theme: {
preferred: "dark",
light: parseTheme(defaultLightTheme),
dark: parseTheme(defaultLightTheme)
}
}
};
export { defaultTheme as default };
//# sourceMappingURL=defaultTheme.js.map