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
Executive Professional & clean
Growth Earthy market tones
Focus Calm & clear

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