Fixed
- undo now works correctly for elements modified with Excalidraw Script
New features
- New "Property-Panel Tray-Mode". You can toggle this mode from the command palette.
Custom color palette
- You can specify the color palette to use for your drawings in the appState of your Excalidraw drawing template.
- You can omit
colorPalettefrom appState if you don't want to change the color palette. - The color palette must include 15 colors exactly for each of the 3 palettes.
- You do not need to provide all three palettes, only the ones you wish to modify. E.g. if you would like to change some of the stroke colors, then you do not need to specify the
elementBackgroundandcanvasBackgroundvalues, only theelementStroke - You can use this site to define colors for your palette: https://coolors.co/001219-005f73-0a9396-94d2bd-e9d8a6-ee9b00-ca6702-bb3e03-ae2012-9b2226
- Colors may be any valid HTML color, including color names.
- This is the color palette used by Excalidraw (canvas: shade 0, element background: shade 6, stroke color: shade 9).
- Here's a very large color palette example
Example: This is the default Excalidraw color palette.
"appState": {
"theme": "light",
"viewBackgroundColor": "white",
"currentItemStrokeColor": "#5c940d",
"currentItemBackgroundColor": "#fd7e14",
"currentItemFillStyle": "solid",
"currentItemStrokeWidth": 0.5,
"currentItemStrokeStyle": "solid",
"currentItemRoughness": 1,
"currentItemOpacity": 100,
"currentItemFontFamily": 2,
"currentItemFontSize": 16,
"currentItemTextAlign": "left",
"currentItemStrokeSharpness": "sharp",
"currentItemStartArrowhead": null,
"currentItemEndArrowhead": "arrow",
"currentItemLinearStrokeSharpness": "round",
"gridSize": null,
"colorPalette": {
"elementStroke": [
"#000000",
"#343a40",
"#495057",
"#c92a2a",
"#a61e4d",
"#862e9c",
"#5f3dc4",
"#364fc7",
"#1864ab",
"#0b7285",
"#087f5b",
"#2b8a3e",
"#5c940d",
"#e67700",
"#d9480f"
],
"elementBackground": [
"transparent",
"#ced4da",
"#868e96",
"#fa5252",
"#e64980",
"#be4bdb",
"#7950f2",
"#4c6ef5",
"#228be6",
"#15aabf",
"#12b886",
"#40c057",
"#82c91e",
"#fab005",
"#fd7e14"
],
"canvasBackground": [
"#ffffff",
"#f8f9fa",
"#f1f3f5",
"#fff5f5",
"#fff0f6",
"#f8f0fc",
"#f3f0ff",
"#edf2ff",
"#e7f5ff",
"#e3fafc",
"#e6fcf5",
"#ebfbee",
"#f4fce3",
"#fff9db",
"#fff4e6"
]
}
}