@daimo/pay
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
90 lines (88 loc) • 2.22 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",
},
};
// parse into css variables so we can use p3 colors
const parseTheme = (theme) => {
return theme;
};
const userPrefersDarkMode = () => {
if (typeof window === "undefined")
return false;
return (window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches);
/*
window
.matchMedia('(prefers-color-scheme: dark)')
.addEventListener('change', (event) => {
userPrefersDarkMode = event.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