Skip to content

Instantly share code, notes, and snippets.

@alhoqbani
Last active July 18, 2025 12:02
Show Gist options
  • Select an option

  • Save alhoqbani/9084f6246dfc6896e7d76d5d8180c716 to your computer and use it in GitHub Desktop.

Select an option

Save alhoqbani/9084f6246dfc6896e7d76d5d8180c716 to your computer and use it in GitHub Desktop.
Configruation for draw.io
{
"version": "1.0",
"override": true,
"fontCss": "@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');",
"customFonts": [
{
"fontFamily": "Tajawal",
"fontUrl": "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap"
}
],
"defaultFonts": ["Tajawal", "Helvetica", "Arial", "Verdana"],
"defaultVertexStyle": {
"fontFamily": "Tajawal",
"fontSize": "24",
"fontColor": "#333333",
"align": "center",
"verticalAlign": "middle",
"whiteSpace": "wrap",
"html": "1",
"fillColor": "#E0E0E0",
"strokeColor": "#9E9E9E",
"rounded": "1",
"shadow": "0"
},
"defaultEdgeStyle": {
"fontFamily": "Tajawal",
"fontSize": "16",
"fontColor": "#333333",
"align": "center",
"verticalAlign": "middle",
"whiteSpace": "wrap",
"html": "1",
"strokeColor": "#607D8B",
"endArrow": "block",
"edgeStyle": "orthogonalEdgeStyle",
"rounded": "0",
"jettySize": "auto",
"orthogonalLoop": "1"
},
"presetColors": [
"1565C0",
"42A5F5",
"90CAF9",
"EF6C00",
"FFA726",
"FFCC80",
"4CAF50",
"81C784",
"E0E0E0",
"FFFFFF",
"000000"
],
"defaultColors": [
"FFFFFF",
"ECECEC",
"FFEBEE",
"FFF8DC",
"64B5F6",
"1976D2",
"0D47A1",
"FFB74D",
"FB8C00",
"EF6C00"
],
"defaultColorSchemes": [
[
null,
{
"fill": "#FFF8DC",
"stroke": "#B0BEC5"
},
{
"fill": "#64B5F6",
"stroke": "#1565C0"
},
{
"fill": "#FFA726",
"stroke": "#EF6C00"
},
{
"fill": "#E0E0E0",
"stroke": "#9E9E9E"
}
]
],
"defaultEdgeLength": 80,
"thumbWidth": 48,
"thumbHeight": 48,
"sidebarTitles": true,
"sidebarTitleSize": 10,
"zoomWheel": true,
"zoomFactor": 1.2,
"autosaveDelay": 2000,
"defaultGridSize": 10,
"defaultPageVisible": false,
"defaultGridEnabled": true,
"defaultLibraries": "general;flowchart;basic;arrows2",
"csds": ".geMenubarContainer { background-color: #f0f0f0 !important; }",
"css": ".geMenubarContainer { background-color: #F08705 !important; } .geMenubar { background-color: #F08705 !important; }"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment