Customization - Aurum SDK Docs

Brand Options

Theme light or dark
Brand Color set your brand color
Border Radius control the roundness of the UI elements
Logo URI add your brand logo to the connect UI
Font Family bring your own custom font
Aurum Branding toggle Aurum branding elements on or off
Wallets Layout stacked or grid

Wallets Options

Excluded Wallets opt-out of specific wallets — by default, every supported wallet is shown. Pass an exclude array to hide ones you don’t want.

Example

import { Aurum } from '@aurum-sdk/core';
import { WalletId } from '@aurum-sdk/types';

const aurum = new Aurum({
  brand: {
    appName: 'My App',
    theme: 'dark',
    primaryColor: '#6366f1',
    borderRadius: 'lg',
    font: 'Inter, sans-serif',
    hideFooter: true,
    walletLayout: 'grid',
  },
  wallets: {
    embedded: { projectId: 'your-cdp-id' },
    walletConnect: { projectId: 'your-reown-id' },
    exclude: [WalletId.Email, WalletId.Brave], // opt-out
  },
});

See Core SDK Configuration for the full option reference.

See It In Action

Aurum Playground

Test out the customization options in the demo app