Themes & Appearance

Personalize your Coherence workspace with custom themes and color modes

Themes & Appearance

Make Coherence feel like yours with custom themes. Choose from curated color schemes that suit your style, improve readability on your monitor, or match your brand.

Color Mode

Coherence supports three color modes:

ModeDescription
LightBright backgrounds with dark text
DarkDark backgrounds with light text
SystemAutomatically follows your device settings

Changing Color Mode

  1. Go to SettingsAppearance
  2. Choose Light, Dark, or System

The change applies instantly across all of Coherence.

System mode is great if you like light mode during the day and dark mode at night - it follows your device's schedule automatically.

Custom Themes

Beyond light and dark, Coherence offers curated themes that change colors throughout the interface. Each theme is carefully designed for readability and visual harmony.

Selecting a Theme

  1. Go to SettingsAppearance
  2. Browse the theme gallery
  3. Click a theme to preview it instantly
  4. Click Apply to keep it, or Cancel to revert

Your selection is saved and applies to all your devices.

Light Themes

ThemeDescription
Default LightClean, professional blue accents
Warm SandInviting amber tones, easy on the eyes
Ocean BreezeCalm teal accents for focused work
ForestNatural greens, grounded and earthy
Lavender MistGentle purples for creative spaces

Dark Themes

ThemeDescription
Default DarkModern blue accents, sleek and professional
MidnightDeep indigo for immersive focus
NordArctic-inspired, popular with developers
DraculaClassic dark theme with vibrant pink accents
High ContrastMaximum contrast for accessibility

Themes are tied to color modes. You can choose one theme for light mode and another for dark mode. When your mode switches, your preferred theme for that mode activates automatically.

Previewing Themes

When you click a theme in the picker, Coherence applies it temporarily so you can see how it looks:

  • The entire interface updates to the new colors
  • A preview banner appears at the top
  • Click Apply to save your choice
  • Click Cancel to return to your previous theme

This lets you try multiple themes before committing.

What Themes Change

Themes customize colors across the entire interface:

  • Background - Main content areas
  • Sidebar - Navigation background and text
  • Buttons - Primary actions and accents
  • Text - Headings, body text, and muted text
  • Borders - Dividers and card outlines
  • Status colors - Success, warning, and error indicators
  • Data grids - Table backgrounds and highlights

Everything updates together to maintain visual consistency.

Accessibility

High Contrast Theme

The High Contrast dark theme is designed for users who need maximum readability:

  • Pure black backgrounds
  • Bright yellow accents
  • Maximum contrast ratios
  • Meets WCAG AAA standards

All Themes

Every theme in Coherence is designed with accessibility in mind:

  • Color contrast meets WCAG AA standards
  • Text remains readable in all conditions
  • Interactive elements are clearly distinguishable

PWA & Desktop App

When using Coherence as a Progressive Web App (PWA) or desktop application:

  • The window title bar color matches your theme
  • Your theme persists across sessions
  • Themes sync with the web version

Tips for Choosing a Theme

  1. Match your environment - Light themes for bright rooms, dark themes for dim lighting
  2. Consider your monitor - Some displays render colors differently; try a few options
  3. Think about focus - Muted themes can reduce visual fatigue during long sessions
  4. Use High Contrast if needed - No shame in prioritizing readability

Themes Across Devices

Your theme preference syncs across all your devices when using the same account. Change it on your laptop, and it updates on your phone too.


Next: Learn about Search to find anything in your workspace.