Change the diagram editor theme

The editor theme at diagrams.net controls which features and editor elements are displayed, minimised or hidden. This includes the menu, toolbar and tools, panels, dialog boxes and more.

There are five main themes.

Change the editor theme via the diagrams.net menu

  1. Select File > Extras in the diagrams.net menu.
    • If you are using the Sketch editor theme already, open the menu and select Preferences > Theme.
  2. Choose from Default (Kennedy), Minimal, Atlas, Dark, or Sketch (a whiteboard-style theme).
  3. Reload the browser tab to switch to your selected editor theme.

Default theme (previously Kennedy)

Choose your favourite UI theme in diagrams.net from Kennedy, Atlas, Dark, Minimal and Sketch

Atlas theme

The Atlas editor theme is used by default in draw.io for Confluence and Jira.
Choose your favourite UI theme in diagrams.net from Kennedy, Atlas, Dark, Minimal and Sketch

Dark theme

The dark theme is the default theme for those who prefer to work on a dark background. Choose your favourite UI theme in diagrams.net from Kennedy, Atlas, Dark, Minimal and Sketch

Minimal theme

The Minimal theme allows you to collapse the panels around the drawing canvas for less ‘clutter’.
Choose your favourite UI theme in diagrams.net from Kennedy, Atlas, Dark, Minimal and Sketch

Sketch theme

This is the default theme for the draw.io Board macro in Confluence and makes an ideal online whiteboard for remote teams.
Sketch theme is currently being developed
Open this tutorial in the new Sketch theme at diagrams.net
Tip: Resize your browser to line everything up with the tutorial.

Customise the draw.io editor theme in Confluence - set a specific theme that all users will use by default.