Dark mode

Structurizr supports dark mode, determined automatically from your web browser settings.

Diagrams

The only exception to this is diagram rendering. When in dark mode, diagrams are still rendered with a white background. To change this, click the button in the diagram editor/viewer. This will change the diagram rendering to dark mode, and set a cookie named structurizr.darkMode so that diagrams (including embedded diagrams) are rendered in dark mode in the future. The PNG/SVG/HTML diagram exports will reflect dark mode too.

Please note that diagram dark mode will not change any element or relationship styles, so you may need to modify these so that your diagrams render correctly in both light and dark modes.