How to use custom colors in draw.io for Atlassian Confluence Server by default


Learn how to add your own custom colors to draw.io for Confluence (Server).

Save time when you create your diagrams by adding your custom colors to the color palettes. This is ideal when you want or need to create diagrams that use your corporate style.

See how to customize draw.io in Atlassian Confluence Server: https://drawio.link/ytservercustomization

Learn more about diagramming with draw.io at https://drawio-app.com/

draw.io is available on the Atlassian Marketplace (https://drawio.link/marketplace) – install your free trial today!

All the code snippets we have used:
{“presetColors”: [“a5adba”, “5e6c84”, “172b4d”, “b3d4ff”, “4c9aff”, “0052cc”, “b3f5ff”, “79e2f2”, “00b8d9”, “c0b6f2”, “998dd9”, “6554c0”, “ffbdad”, “ff8f73”, “ff5630”, “fff0B3”, “ffe380”, “ffab00”, “abf5d1”, “79f2c0”, “36b37e”, “cccccc”, “888888”, “333333”]},

“defaultColors”: [“none”, “ffffff”, “eeeeee”, “dddddd”, “cccccc”, “bbbbbb”, “a0a0a0”, “888888”, “707070”, “505050”, “333333”, “151515”, “dfe1e6”, “c1c7d0”, “a5adba”, “8993a4”, “6b778c”, “505f79”, “344563”, “172b4d”, “091e42”, “071632”, “050f21”, “020810”, “eae6ff”, “d5cef6”, “c0b6f2”, “b0a6e1”, “998dd9”, “8777d9”, “6554c0”, “5243aa”, “403294”, “382c82”, “30266f”, “281f5d”, “deebff”, “cce2ff”, “b3d4ff”, “88bcff”, “4c9aff”, “2684ff”, “0065ff”, “0052cc”, “0747a6”, “063e91”, “05357d”, “042c68”, “e6fcff”, “d5f9ff”, “b3f5ff”, “97e8f5”, “79e2f2”, “00C7E5”, “00b8d9”, “00a3bf”, “008da6”, “007b91”, “006a7d”, “005868”, “e3fcef”, “dbfbeb”, “ccf9e3”, “abf5d1”, “79f2c0”, “57d9a3”, “36b37e”, “00875a”, “006644”, “00593c”, “004d33”, “00402b”, “fffae6 “, “fff7d5”, “fff3c4”, “fff0b3”, “ffe380”, “ffc400”, “ffab00”, “ff991f”, “ff8b00”, “df7a00”, “bf6800”, “9f5700”, “ffebe6”, “ffded6”, “ffc8ba”, “ffb29f”, “ff8f73”, “FF7452”, “ff5630 “, “de350b”, “bf2600”, “9f2000”, “7f1900”, “601300”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, ” ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “fffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”, “ffffff”]},

“defaultColorSchemes”: [[{“fill”: “#222222”, “stroke”: “none”}, {“fill”: “#172B4D”, “stroke”: “none”}, {“fill”: “#0052CC”, “stroke”: “none”}, {“fill”: “#6554C0”, “stroke”: “none”}, {“fill”: “#00B8D9”, “stroke”: “none”}, {“fill”: “#36B37E”, “stroke”: “none”}, {“fill”: “#FFAB00”, “stroke”: “none”}, {“fill”: “#FF5630”, “stroke”: “none”}],

[{“fill”: “#ffffff”, “stroke”: “#222222”}, {“fill”: “#EBECF0”, “stroke”: “#172B4D”}, {“fill”: “#DEEBFF”, “stroke”: “#0052CC “}, {“fill”: “#EAE6FF”, “stroke”: “#6554C0”}, {“fill”: “#E6FCFF”, “stroke”: “#00B8D9”}, {“fill”: “#E3FCEF”, “stroke”: “#36B37E”}, {“fill”: “#FFFAE6”, “stroke”: “#FFAB00”}, {“fill”: “#FFEBE6”, “stroke”: “# FF5630”}],

[{“fill”: “#ffffff”, “stroke”: “none”}, {“fill”: “#EBECF0”, “stroke”: “none”}, {“fill”: “#DEEBFF”, “stroke”: “none”}, {“fill”: “#EAE6FF”, “stroke”: “none”}, {“fill”: “#E6FCFF”, “stroke”: “none”}, {“fill”: “#E3FCEF”, “stroke”: “none”}, {“fill”: “#FFFAE6”, “stroke”: “none”}, {“fill”: “#FFC8BA”, “stroke”: “none”}]]}

Follow this link to see the full documentation and all the code snippets we have used: https://desk.draw.io/support/solutions/articles/16000058316

Get Rid of Procrastination and Reach Your Goals Quickly

API quota exceeded. You can make 500 requests per day.

Defining Business Logistics And Its Benefits

Web Tension Control: Industrial Benefits

How To Make The Most Of Your Lean Manufacturing Tools

Widen Your Knowledge About Pay-Per-Call Telephone Reminder

You May Also Like