Appearance

Customize theme, colors, typography, and layout preferences

Theme Preview

See how your dashboard looks

Dark Mode

Dark Theme

Active

Light Theme

Inactive

Emerald

Accent Color

Inter

Font Family

Comfortable

Layout Density

Active Configuration

Dark

Theme

Medium

Font Size

Expanded

Sidebar

Enabled

Animations

Theme Mode

Choose your preferred mode

Scheduled Switch

Auto dark at sunset

Theme changes apply instantly. Your preference is saved to your browser and synced across sessions.

Accent Color

Primary interface color

Emerald

Select Accent

Color Usage

Primary accent #2dd4a0
Secondary #3b82f6
Tertiary #8b5cf6
Danger #ef4444
Warning #f59e0b

Surface Tokens

Background app-bg
Card card
Subtle subtle
Border border

Typography

Font size and display options

Interface Font Size

Preview

Heading — 16px Bold

Subheading — 14px Semibold

Body text — 12px Regular

Caption — 10px Muted

Monospace — $12,430.00

Line Height

Text spacing multiplier

1.5×

Layout Density

Content spacing and padding

Sidebar Width

Content Max Width

Main area constraint

Full Width

UI Preferences

Behavior and motion settings

Reduced Motion

Minimize animations

Sticky Header

Keep topbar fixed on scroll

Sidebar Collapsed

Start with icon-only sidebar

Compact Tables

Reduce table row height

Show Card Borders

Visible card outlines

Live Preview

How your interface elements look with current settings

Card Component

$112,430

Account Balance

+$12,430

Profit / Loss

Table Row

TRADER STATUS
MR
Marcus Reed
Active
LP
Laura Patel
Warning

Interactive Elements

Active Warning Error

Toggle Off

Toggle On

This preview reflects your current theme settings. Changes are applied in real-time after saving.