Switch to simple or dark mode quickly

diagrams.net 31 Oct 2022

Share:

With diagrams.net, you can switch editor themes via the menu - Default, Minimal, Sketch (whiteboard) or Dark. Alternatively, use the new toggle switch in the top right to to enable or disable the simple whiteboard editor layout and dark mode for your current editor theme.
Click on the sun/moon in the top right and enable or disable the simple whiteboard editor or the dark/light editor theme.

Note: If you are in light mode, the icon in the top right will be a sun. If you are in dark mode, it will be a moon.

Switch between modes in diagrams.net

  1. Click on the sun/moon icon in the top right.
    Click on the sun/moon in the top right and enable or disable the simple whiteboard editor or the dark/light editor theme.
  2. Click on Simple to switch to the Sketch online whiteboard editor theme. You don’t need to reload your browser tab. Click on it again to switch back to your previous editor theme.
  3. Click on Dark to switch to dark mode in whatever editor theme you are using. Click on it again to return to light mode.


Dark mode works on all editor themes

When you switch into dark mode, the editor will automatically switch some colours of shapes and text so they are more readable.

Click on the sun/moon in the top right and enable or disable the simple whiteboard editor or the dark/light editor theme.

Tip: Many diagrams in the template diagram will also work in dark mode - click on the magnifying glass in the top right of a diagram in the template library to see how it looks in dark mode.


Use diagrams.net as an online whiteboard

The simple mode switches to the Sketch online whiteboard editor theme.

  • Use the tools on the left to add shapes, tables, and text, and draw a freehand shape.
  • Click on the + in the toolbar to access shape libraries and templates.
  • To show or hide the format panel on the right in this simple editor layout, press Ctrl+Shift+P on Windows or Cmd+Shift+P on MacOS.
  • Access the layers and tags panels and change editor preferences via the menu in the top left.

Simplify the drawing canvas

  1. Make sure nothing is selected in your diagram so you can see the Diagram tab in the format panel on the right.
  2. Disable the Grid and Page View checkboxes.

Follow us on GitHub, Twitter, Facebook.

Share: