Theme Customization
Personalize Tradavity with your preferred colors and theme mode. All theme settings are in Settings > Theme.
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
- Click the color button next to the setting
- Use the color picker to choose your color
- Or enter a hex code directly (e.g., #10b981)
- Click Save for that color section
Custom Presets
Save your custom color combinations as presets (up to 10):
Creating a Preset
- Set up your colors the way you want them
- Click Create Preset
- Enter a name for your preset
- Click Save
Using a Custom Preset
- Find your preset in the "My Custom Presets" section
- Click Apply
Deleting a Preset
- Click Delete on the preset
- 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