Orderly Network: SDK Theming

Customize the visual appearance of your Orderly DEX. The SDK is themed by passing one or more themes to OrderlyAppProvider's themes prop. Each theme bundles a set of CSS variables (--oui-*) and optional TradingView chart colors.

When to Use

• Branding a DEX (colors, logo, favicon)
• Offering multiple themes (dark + light, or brand variants)
• Styling the TradingView chart to match
• Customizing PnL-share posters

Prerequisites

• @orderly.network/react-app, @orderly.network/ui installed
• OrderlyAppProvider mounted

How Theming Works