Dark mode

Structurizr supports dark mode, determined automatically from your web browser settings. 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 moon icon 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.

Light mode

Dark mode

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.