Getting Started & Workspace
Customizing Colors & Dark Mode
Switch between sleek Dark Mode and high-contrast Light Mode, and fine-tune your workspace color theme to match your creative studio aesthetic.
Whether you prefer working late nights in deep dark mode or presenting estimates during daylight meetings in crisp, clean light mode, Flanceflow offers instant, hardware-accelerated theme switching with tailored contrast palettes.
How to switch themes and color modes
- Click on your avatar or studio name in the bottom-left sidebar to open the quick account menu.
- Click the "Toggle Dark Mode" button (moon / sun icon) to switch immediately between themes.
- Alternatively, open Settings > Preferences to choose between Light, Dark, or System Sync.
- Under Theme Presets, select your accent color: Emerald Slate, Modern Indigo, Deep Cobalt, or Obsidian Noir.
- Your preferences sync to your profile and persist across desktop apps, tablets, and browser sessions automatically.
Theme presets and contrast ratios
| Theme preset | Background tone | Accent color | Ideal lighting condition |
|---|---|---|---|
| Obsidian Dark | #111315 (Deep Charcoal) | #10b981 (Emerald) | Low-light studio work, evening coding and design sessions. |
| Pure Light | #ffffff (Paper White) | #047857 (Forest Green) | Bright daytime offices and client walkthrough presentations. |
| System Synchronized | Dynamic OS match | Dynamic OS match | Automatically shifts at sunrise and sunset based on your OS settings. |
Visual customization tips
- Keyboard shortcut: Press `Cmd/Ctrl + Shift + L` from any dashboard page to toggle light and dark mode in a split second.
- Invoice header branding: The workspace dark mode setting only affects your internal dashboard. Your client invoice PDFs always render with clean white paper backgrounds and sharp vector typography for crisp printing.
- Accessibility: All theme color palettes adhere strictly to WCAG AA contrast guidelines for effortless readability.
Was this guide helpful?
👍 Yes
👎 No