Skip to main content

Dark Mode

Enabling Dark Mode

Toggling Dark Mode via the user menu

Click your profile avatar in the top-right corner and select Toggle Theme from the dropdown. The entire interface switches instantly — no page reload required.

You can also enable Start in Dark Mode in Theme Settings so the desk always opens in dark mode by default.

How It Works

Dark mode applies a dark surface palette across all pages while keeping your brand and accent colors intact:

ElementLight ModeDark Mode
Page backgroundLight tint of brand colorDeep dark neutral
Card / form background#FFFFFFDark surface
SidebarYour brand colorDarker variant of brand color
ButtonsYour accent colorYour accent color (unchanged)
TextDarkLight
BordersLight graySubtle dark border

Toggle Theme Menu

The user menu (top-right avatar) provides:

OptionAction
Toggle ThemeSwitch between light and dark immediately
Reset Desktop LayoutRestore default workspace layout
Edit ProfileOpen your Frappe user profile
LogoutSign out

Per-User Setting

Dark mode preference is saved per user. Each user can independently toggle it without affecting anyone else on the system.

Start in Dark Mode

To have the desk open in dark mode by default for all users:

  1. Open Theme Settings
  2. Check Start in Dark Mode in the Features section
  3. Click Save

Works on Every Page

Dark mode applies to the Frappe desk, all module pages, forms, lists, the login page, and the command palette.