Theme Customization

Personalize Tradavity with your preferred colors and theme mode. All theme settings are in Settings > Theme.

PRO Feature

Custom theme colors are only available on the PRO plan. FREE users use the default theme.

Theme Mode

Choose between dark and light mode:

  • Dark - Dark background with light text (default)
  • Light - Light background with dark text

Click a mode to select it, then click Save Theme Mode.

Built-in Presets

Quickly apply a complete color scheme with one click:

Preset Description
Default Classic blue theme
Pro Professional indigo theme
Minimal Clean slate theme
Vibrant Bold purple theme

Each preset includes coordinated colors for the theme, wins, losses, and breakeven.

Custom Colors

Customize individual colors to match your preference:

Theme Color

The primary accent color used throughout the app:

  • Buttons and interactive elements
  • Links and highlights
  • Selected states
  • Focus indicators

P&L Colors

Customize how profits and losses are displayed:

  • Win Color - Color for profitable trades (default: green)
  • Loss Color - Color for losing trades (default: red)
  • Breakeven Color - Color for breakeven trades (default: yellow/amber)

These colors appear in:

  • Trade list P&L column
  • Statistics and charts
  • Dashboard metrics
  • Balance displays

Changing a Color

  1. Click the color button next to the setting
  2. Use the color picker to choose your color
  3. Or enter a hex code directly (e.g., #10b981)
  4. Click Save for that color section

Custom Presets

Save your custom color combinations as presets (up to 10):

Creating a Preset

  1. Set up your colors the way you want them
  2. Click Create Preset
  3. Enter a name for your preset
  4. Click Save

Using a Custom Preset

  1. Find your preset in the "My Custom Presets" section
  2. Click Apply

Deleting a Preset

  1. Click Delete on the preset
  2. Confirm deletion

Breakeven Range

The breakeven color applies based on your account's breakeven offset settings (configured in Trading Accounts). A trade shows as "breakeven" if its P&L falls within your defined range.

Example: With offsets of -$5 to +$5:

  • P&L of +$3 = Breakeven color
  • P&L of -$2 = Breakeven color
  • P&L of +$10 = Win color
  • P&L of -$10 = Loss color

Tips

  • Choose contrasting colors - Make sure win/loss colors are easy to distinguish
  • Consider colorblindness - Red/green can be hard to distinguish; try blue/orange instead
  • Test in both modes - If you switch between dark/light, make sure your colors work in both
  • Save presets before experimenting - Create a preset of your current setup before making changes