Style guide
When building xApps, it makes a lot of sense to stick to the design (colour palette, font, etc.) as used by Xumm to offer the best user experience to xApp users.
Last updated
Was this helpful?
When building xApps, it makes a lot of sense to stick to the design (colour palette, font, etc.) as used by Xumm to offer the best user experience to xApp users.
Last updated
Was this helpful?
The main application uses the font-family: proxima-nova, sans-serif. Only when using this font for your (web) xApp to be embedded in XUMM, use this stylesheet:
When offering your application anywhere else than as embedded (web) xApp, check your licensing needs and requirements for the use of Proxima Nova.
Starting XUMM version 1.1 four colour palettes are available. The colour the app is running in will be passed to the xApp in the style parameter, see the documentation (applies to the SDK as well).
Used colour palette codes:
LIGHT
DARK
MOONLIGHT
ROYAL
The four available themes are shipped as Bootstrap (version 4.5) rolled stylesheets, ready to use. You can include a Bootstrap 4.5 stylesheet by pointing to:
The {theme} element should be replaced by the theme name in lower case notation.
To load the right stylesheet dynamically in an environment without a backend, consider using this script in your <head>:
