Skip to content

Instantly share code, notes, and snippets.

@Yubyf
Forked from cdfmlr/draw.io.custom.json
Last active April 10, 2025 09:27
Show Gist options
  • Select an option

  • Save Yubyf/28c81e06426c8facd3d133f9face2e2c to your computer and use it in GitHub Desktop.

Select an option

Save Yubyf/28c81e06426c8facd3d133f9face2e2c to your computer and use it in GitHub Desktop.
Customise default colours, fonts, styles for draw.io.
{
"__README": [
"Customise default colours, fonts, styles for draw.io.",
"See https://www.diagrams.net/doc/faq/configure-diagram-editor",
"See https://drawio-app.com/customise-default-colours-fonts-styles-and-the-draw-io-ui-in-confluence-cloud/"
],
"customColorSchemes": [[
{ "fill": "#ffb3ba", "stroke": "none" },
{ "fill": "#ffdfba", "stroke": "none" },
{ "fill": "#ffffba", "stroke": "none" },
{ "fill": "#baffc9", "stroke": "none" },
{ "fill": "#bae1ff", "stroke": "none" },
{ "fill": "#eecbff", "stroke": "none" },
{ "fill": "#a2798f", "stroke": "none" },
{ "fill": "#8caba8", "stroke": "none" }
]],
"__HELP(presetColors)": "one row: 12 colors; 2 rows prefered.",
"presetColors": [
"ffb3ba", "ffdfba", "ffffba", "baffc9", "bae1ff", "eecbff",
"a2798f", "8caba8", "DAE8FC", "D5E8D4", "FFE6CC", "FFF2CC",
"F8CECC", "E1D5E7", "fefefe", "eeeeee", "dddddd", "999999",
"666666", "333333", "000000", "f65353", "7ec636", "007aff"
],
"defaultFonts": ["Fira Code", "Courier New", "Helvetica"],
"defaultVertexStyle": {
"__EXAMPLE": "rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=none;shadow=1;fontSize=18;fontFamily=Fira Code;fontColor=default;",
"rounded": "1",
"whiteSpace": "wrap",
"shadow": "1",
"fontSize": "18",
"fontFamily": "Fira Code",
"fontColor": "default",
"fillColor": "#999999",
"strokeWidth": "0",
"strokeColor": "none"
},
"defaultEdgeStyle": {
"__EXAMPLE": "edgeStyle=orthogonalEdgeStyle;rounded=1;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontSize=18;strokeColor=#999999;dashed=1;strokeWidth=2;fontFamily=Courier New;endArrow=open;endFill=0;",
"edgeStyle": "orthogonalEdgeStyle",
"rounded": "1",
"orthogonalLoop": "1",
"jettySize": "auto",
"fontSize": "18",
"fontFamily":"Fira Code",
"strokeColor": "#999999",
"dashed": "1",
"endArrow": "open",
"endFill": "0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment