Widget Customization
Customize the Mercuryo Widget to match your brand identity. You can apply a pre-built theme or create a fully custom color scheme.
Pre-Built Themes
Add the theme parameter to the widget URL:
https://exchange.mercuryo.io/?widget_id=YOUR_WIDGET_ID&theme=THEME_NAME
Click a theme name to preview it:
| Theme | Preview |
|---|---|
| exmo | Preview |
| bitx | Preview |
| btc_alpha | Preview |
| xzen | Preview |
| ch | Preview |
| savl | Preview |
| spatium | Preview |
| now_payments | Preview |
| invity | Preview |
| phemex | Preview |
| lumi | Preview |
| trustwallet | Preview |
| roobee | Preview |
| kickex | Preview |
| quantfury | Preview |
| simpleswap | Preview |
| 1inch | Preview |
| digifinex | Preview |
| mycelium | Preview |
| coinstats | Preview |
| advantechLight | Preview |
| advantechDark | Preview |
| swapspace | Preview |
| tonkeeper | Preview |
| bitpapa | Preview |
| bitpapaDark | Preview |
| czixlight | Preview |
| czixdark | Preview |
| swapspace2 | Preview |
| 3commas_light | Preview |
| 3commas_dark | Preview |
| 3commas_web_dark | Preview |
| 3commas_web_light | Preview |
| unionbtc | Preview |
| arctic | Preview |
| dark_ch | Preview |
| light_ch | Preview |
| white_market | Preview |
| exolix | Preview |
| grapherex_light | Preview |
| grapherex_dark | Preview |
| haru_light | Preview |
| haru_dark | Preview |
Custom Design
To create a fully custom color scheme, use the Figma Customization Guide. You can customize:
- Button colors
- Input field styles
- Background and text colors
- Light and dark theme variants
After designing your theme in Figma, contact your integration manager to have it implemented in your widget.
Brand Assets
Download official Mercuryo brand assets from the GitHub repository: