Skip to main content

Customization

info

Customization is a premium feature. Contact team@marblewallet.com to request access.

Marble SDK offers support for the most flexible variation in style.

interface customConfig {
appName: string;
appLogoUrl: string;
style: {
colors: {
primary: string;
secondary: string;
};
modal: {
borderColor: string;
backgroundColor: string;
};
text: {
header: {
color: string;
};
body: {
color: string;
};
};
input: {
color: string;
borderColor: string;
backgroundColor: string;
placeholderColor: string;
focusBorderColor: string;
errorBorderColor: string;
};
button: {
primary: {
color: string;
borderColor: string;
backgroundColor: string;
hover: {
backgroundColor: string;
};
active: {
backgroundColor: string;
};
};
secondary: {
color: string;
borderColor: string;
backgroundColor: string;
hover: {
backgroundColor: string;
};
active: {
backgroundColor: string;
};
};
};
};
}

Applying the style is as simple as how you would use any other UI library.

// Email team@marblewallet.com to get a client key
const marble = new Marble("<MARBLE_CLIENT_KEY>", {
customConfig,
});

Customization Roadmap‚Äč

  • Positioning of the elements
  • Change / hide certain types of texts
  • Typography
  • Adding / changing icons (buttons, close modal icon type)
  • Sizing on width and height
info

Do you want additional customization in the list or something not mentioned? Do you want the configurations to be more flexible? Email us at team@marblewallet.com and tell us more!