Skip to main content

Configure default adaptive colours

You can configure adaptive colours in draw.io so that the editor matches your system or browser in dark mode, but the drawing canvas and diagram will always appear in light mode. To do this, set the default Adaptive Colors in the draw.io editor configuration to None.

  1. Select Extras > Configuration from the menu.
  2. Scroll down to the Appearance settings in the Editor tab.
  3. Choose your preferred setting from the Adaptive Colors drop down list (auto, simple or none), then click Apply.
    Change the adaptive colours settings via Extras > Configuration in the menu in the Appearance section of the Editor configuration

Set adaptive colors in the JSON configuration

You can also set adaptive colours in JSON configuration commands via the JSON tab in the editor configuration.

  1. Select Extras > Configuration, then select the JSON tab. Enter either auto, simple, or none as the value for defaultAdaptiveColors in the configuration, then click Apply
{
  "defaultAdaptiveColors": "simple"
}
Select one or more shapes and open the colour palette

Reload the browser tab to load your configuration with a different default.