Configuration Editor
Visually configure the draw.io editor settings. Toggle options, set values, and export as JSON or a configuration link.
Import Existing Configuration ▶
General
Configuration version identifier
Theme for user interface
Key name for storing user settings in local storage
Canvas & Grid
Page format: US Letter = 850 x 1100, A4 = 827 x 1169
Appearance
CSS variable name for the dark background colour
Sidebar & Panels
Libraries
Semicolon-separated library keys shown in sidebar on startup
Libraries available in More Shapes dialog. Leave empty for all libraries.
IDs to load custom libraries (e.g. A1, A2 for Confluence, or URL-encoded URIs)
URL of the source file for the Templates dialog
Custom library sections for the left panel and More Shapes dialog
Fonts
Font names for the format panel font picker
Additional fonts added before default fonts
Colors
Click a swatch to change its colour. Hover and click × to remove.
Added before preset colors in the colour dialog
Colour codes for the lower palette in the colour dialog
Map of colour codes to display names (tooltips). Uppercase hex without #.
Color Schemes
Colour schemes for the Style section. Each row is a scheme group. Click swatches to change colours.
Additional colour schemes added before default schemes
Default Styles
See the draw.io style reference
for available style keys and values. Use Edit Style (Ctrl+E) in the editor to inspect styles.
Colours for the Style tab when selection is empty. Keys: commonStyle, vertexStyle, edgeStyle, graph. See the style reference.
Custom CSS
CSS rules to customize the draw.io user interface
Export & Security
Collaboration & Advanced
Global placeholders available in all diagrams
Confluence Server / Data Center
Override default macro parameters for Confluence Server/DC viewer