@doenet/doenetml-iframe 0.7.21-dev.350 → 0.7.21-dev.351

package/index.js

@@ -883,6 +883,1318 @@ const DEFAULT_STYLE_VALUES$1 = {
   highContrastColor: "#2963FF",
   highContrastColorDarkMode: "#92B4FF"
 };
+const defaultPalette$1 = {
+  name: "default",
+  description: "The standard Doenet styles: blue, red, orange, purple, black, and gray.",
+  styles: {
+    1: { ...DEFAULT_STYLE_VALUES$1 },
+    2: {
+      lineColor: "#D4042D",
+      lineColorDarkMode: "#F1466A",
+      lineOpacity: 0.7,
+      lineWidth: 2,
+      lineWidthWord: "",
+      lineStyle: "solid",
+      lineStyleWord: "",
+      markerColor: "#D4042D",
+      markerColorDarkMode: "#F1466A",
+      markerOpacity: 0.7,
+      markerStyle: "square",
+      markerStyleWord: "square",
+      markerSize: 5,
+      fillColor: "#D4042D",
+      fillColorDarkMode: "#F1466A",
+      fillOpacity: 0.3,
+      textColor: "#D4042D",
+      textColorDarkMode: "#FF7A7A",
+      highContrastColor: "#D4042D",
+      highContrastColorDarkMode: "#FF7A7A"
+    },
+    3: {
+      lineColor: "#a6510c",
+      lineColorDarkMode: "#F19143",
+      lineOpacity: 0.7,
+      lineWidth: 3,
+      lineWidthWord: "",
+      lineStyle: "solid",
+      lineStyleWord: "",
+      markerColor: "#a6510c",
+      markerColorDarkMode: "#F19143",
+      markerOpacity: 0.7,
+      markerStyle: "triangle",
+      markerStyleWord: "triangle",
+      markerSize: 5,
+      fillColor: "#a6510c",
+      fillColorDarkMode: "#F19143",
+      fillOpacity: 0.3,
+      textColor: "#BE5A0E",
+      textColorDarkMode: "#FFA94D",
+      highContrastColor: "#BE5A0E",
+      highContrastColorDarkMode: "#FFA94D"
+    },
+    4: {
+      lineColor: "#644CD6",
+      lineColorDarkMode: "#9F8FE8",
+      lineColorWordDarkMode: "purple",
+      lineOpacity: 0.7,
+      lineWidth: 2,
+      lineWidthWord: "",
+      lineStyle: "solid",
+      lineStyleWord: "",
+      markerColor: "#644CD6",
+      markerColorDarkMode: "#9F8FE8",
+      markerColorWordDarkMode: "purple",
+      markerOpacity: 0.7,
+      markerStyle: "diamond",
+      markerStyleWord: "diamond",
+      markerSize: 5,
+      fillColor: "#644CD6",
+      fillColorDarkMode: "#9F8FE8",
+      fillColorWordDarkMode: "purple",
+      fillOpacity: 0.3,
+      textColor: "#644CD6",
+      textColorDarkMode: "#B0A4EE",
+      highContrastColor: "#644CD6",
+      highContrastColorDarkMode: "#B0A4EE"
+    },
+    5: {
+      lineColor: "black",
+      lineColorDarkMode: "white",
+      lineOpacity: 1,
+      lineWidth: 1,
+      lineWidthWord: "thin",
+      lineStyle: "solid",
+      lineStyleWord: "",
+      markerColor: "black",
+      markerColorDarkMode: "white",
+      markerOpacity: 1,
+      markerStyle: "circle",
+      markerStyleWord: "point",
+      markerSize: 5,
+      fillColor: "black",
+      fillColorDarkMode: "white",
+      fillOpacity: 0.7,
+      textColor: "black",
+      textColorDarkMode: "white",
+      highContrastColor: "black",
+      highContrastColorDarkMode: "white"
+    },
+    6: {
+      lineColor: "#636363",
+      lineColorDarkMode: "#CCCCCC",
+      lineOpacity: 0.7,
+      lineWidth: 1,
+      lineWidthWord: "thin",
+      lineStyle: "dotted",
+      lineStyleWord: "dotted",
+      markerColor: "#636363",
+      markerColorDarkMode: "#CCCCCC",
+      markerOpacity: 0.7,
+      markerStyle: "circle",
+      markerStyleWord: "point",
+      markerSize: 5,
+      fillColor: "#636363",
+      fillColorDarkMode: "#CCCCCC",
+      fillOpacity: 0.3,
+      textColor: "#757575",
+      textColorDarkMode: "#B0B0B0",
+      highContrastColor: "#757575",
+      highContrastColorDarkMode: "#B0B0B0"
+    }
+  }
+};
+const okabeItoPalette$1 = {
+  name: "okabeito",
+  description: "Colorblind-friendly blues, oranges, greens, and purples adapted from the Okabe-Ito palette, with varied marker shapes and line styles.",
+  styles: {
+    1: {
+      // blue (canonical #0072b2)
+      lineColor: "#0072b2",
+      markerColor: "#0072b2",
+      fillColor: "#0072b2",
+      highContrastColor: "#0072b2",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#0072b2",
+      markerColorDarkMode: "#0072b2",
+      fillColorDarkMode: "#0072b2",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      // vermillion (canonical #d55e00, darkened for text contrast)
+      lineColor: "#c15400",
+      markerColor: "#c15400",
+      fillColor: "#c15400",
+      textColor: "#c15400",
+      highContrastColor: "#c15400",
+      lineColorDarkMode: "#d55e00",
+      markerColorDarkMode: "#d55e00",
+      fillColorDarkMode: "#d55e00",
+      textColorDarkMode: "#d55e00",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      // bluish green (canonical #009e73)
+      lineColor: "#009e73",
+      markerColor: "#009e73",
+      fillColor: "#009e73",
+      textColor: "#008561",
+      highContrastColor: "#008561",
+      lineColorWord: "green",
+      markerColorWord: "green",
+      fillColorWord: "green",
+      textColorWord: "green",
+      highContrastColorWord: "green",
+      lineColorDarkMode: "#009e73",
+      markerColorDarkMode: "#009e73",
+      fillColorDarkMode: "#009e73",
+      textColorDarkMode: "#009e73",
+      lineColorWordDarkMode: "green",
+      markerColorWordDarkMode: "green",
+      fillColorWordDarkMode: "green",
+      textColorWordDarkMode: "green",
+      highContrastColorWordDarkMode: "green",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      // reddish purple (canonical #cc79a7)
+      lineColor: "#cc79a7",
+      markerColor: "#cc79a7",
+      fillColor: "#cc79a7",
+      textColor: "#a35f85",
+      highContrastColor: "#a35f85",
+      lineColorWord: "purple",
+      markerColorWord: "purple",
+      fillColorWord: "purple",
+      textColorWord: "purple",
+      highContrastColorWord: "purple",
+      lineColorDarkMode: "#cc79a7",
+      markerColorDarkMode: "#cc79a7",
+      fillColorDarkMode: "#cc79a7",
+      textColorDarkMode: "#cc79a7",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      // black (canonical #000000; inverted to white in dark mode)
+      lineColor: "#000000",
+      markerColor: "#000000",
+      fillColor: "#000000",
+      textColor: "#000000",
+      highContrastColor: "#000000",
+      lineColorDarkMode: "#ffffff",
+      markerColorDarkMode: "#ffffff",
+      fillColorDarkMode: "#ffffff",
+      textColorDarkMode: "#ffffff",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      // yellow (canonical #f0e442, darkened to olive in light mode)
+      lineColor: "#5a5513",
+      markerColor: "#5a5513",
+      fillColor: "#5a5513",
+      textColor: "#5a5513",
+      highContrastColor: "#5a5513",
+      lineColorWord: "olive",
+      markerColorWord: "olive",
+      fillColorWord: "olive",
+      textColorWord: "olive",
+      highContrastColorWord: "olive",
+      lineColorDarkMode: "#f0e442",
+      markerColorDarkMode: "#f0e442",
+      fillColorDarkMode: "#f0e442",
+      textColorDarkMode: "#f0e442",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    },
+    7: {
+      // sky blue (canonical #56b4e9, darkened for light mode)
+      lineColor: "#499bca",
+      markerColor: "#499bca",
+      fillColor: "#499bca",
+      textColor: "#397ba1",
+      highContrastColor: "#397ba1",
+      lineColorWord: "skyblue",
+      markerColorWord: "skyblue",
+      fillColorWord: "skyblue",
+      textColorWord: "skyblue",
+      highContrastColorWord: "skyblue",
+      lineColorDarkMode: "#56b4e9",
+      markerColorDarkMode: "#56b4e9",
+      fillColorDarkMode: "#56b4e9",
+      textColorDarkMode: "#56b4e9",
+      lineColorWordDarkMode: "skyblue",
+      markerColorWordDarkMode: "skyblue",
+      fillColorWordDarkMode: "skyblue",
+      textColorWordDarkMode: "skyblue",
+      highContrastColorWordDarkMode: "skyblue",
+      lineWidth: 3,
+      lineStyle: "dashed",
+      markerStyle: "triangleRight"
+    },
+    8: {
+      // orange (canonical #e69f00, darkened for light mode)
+      lineColor: "#c58700",
+      markerColor: "#c58700",
+      fillColor: "#c58700",
+      textColor: "#9d6b00",
+      highContrastColor: "#9d6b00",
+      lineColorWord: "goldenrod",
+      markerColorWord: "goldenrod",
+      fillColorWord: "goldenrod",
+      textColorWord: "goldenrod",
+      highContrastColorWord: "goldenrod",
+      lineColorDarkMode: "#e69f00",
+      markerColorDarkMode: "#e69f00",
+      fillColorDarkMode: "#e69f00",
+      textColorDarkMode: "#e69f00",
+      lineColorWordDarkMode: "goldenrod",
+      markerColorWordDarkMode: "goldenrod",
+      fillColorWordDarkMode: "goldenrod",
+      textColorWordDarkMode: "goldenrod",
+      highContrastColorWordDarkMode: "goldenrod",
+      lineWidth: 1,
+      lineStyle: "dotted",
+      markerStyle: "circle"
+    }
+  }
+};
+const tolBrightPalette$1 = {
+  name: "tolbright",
+  description: "Colorblind-friendly bright blues, reds, greens, and purples from Paul Tol's bright palette, with varied marker shapes and line styles.",
+  styles: {
+    1: {
+      lineColor: "#4477aa",
+      markerColor: "#4477aa",
+      fillColor: "#4477aa",
+      highContrastColor: "#4477aa",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#4477aa",
+      markerColorDarkMode: "#4477aa",
+      fillColorDarkMode: "#4477aa",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#ee6677",
+      markerColor: "#ee6677",
+      fillColor: "#ee6677",
+      textColor: "#bf515e",
+      highContrastColor: "#bf515e",
+      lineColorWord: "red",
+      markerColorWord: "red",
+      fillColorWord: "red",
+      textColorWord: "red",
+      highContrastColorWord: "red",
+      lineColorDarkMode: "#ee6677",
+      markerColorDarkMode: "#ee6677",
+      fillColorDarkMode: "#ee6677",
+      textColorDarkMode: "#ee6677",
+      lineColorWordDarkMode: "red",
+      markerColorWordDarkMode: "red",
+      fillColorWordDarkMode: "red",
+      textColorWordDarkMode: "red",
+      highContrastColorWordDarkMode: "red",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#228833",
+      markerColor: "#228833",
+      fillColor: "#228833",
+      textColor: "#228833",
+      highContrastColor: "#228833",
+      lineColorDarkMode: "#228833",
+      markerColorDarkMode: "#228833",
+      fillColorDarkMode: "#228833",
+      textColorDarkMode: "#3d8e47",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#a29534",
+      markerColor: "#a29534",
+      fillColor: "#a29534",
+      textColor: "#817628",
+      highContrastColor: "#817628",
+      lineColorWord: "olive",
+      markerColorWord: "olive",
+      fillColorWord: "olive",
+      textColorWord: "olive",
+      highContrastColorWord: "olive",
+      lineColorDarkMode: "#ccbb44",
+      markerColorDarkMode: "#ccbb44",
+      fillColorDarkMode: "#ccbb44",
+      textColorDarkMode: "#ccbb44",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#4d9db8",
+      markerColor: "#4d9db8",
+      fillColor: "#4d9db8",
+      textColor: "#3c7d94",
+      highContrastColor: "#3c7d94",
+      lineColorWord: "cyan",
+      markerColorWord: "cyan",
+      fillColorWord: "cyan",
+      textColorWord: "cyan",
+      highContrastColorWord: "cyan",
+      lineColorDarkMode: "#66ccee",
+      markerColorDarkMode: "#66ccee",
+      fillColorDarkMode: "#66ccee",
+      textColorDarkMode: "#66ccee",
+      lineColorWordDarkMode: "cyan",
+      markerColorWordDarkMode: "cyan",
+      fillColorWordDarkMode: "cyan",
+      textColorWordDarkMode: "cyan",
+      highContrastColorWordDarkMode: "cyan",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      lineColor: "#aa3377",
+      markerColor: "#aa3377",
+      fillColor: "#aa3377",
+      textColor: "#aa3377",
+      highContrastColor: "#aa3377",
+      lineColorDarkMode: "#aa3377",
+      markerColorDarkMode: "#aa3377",
+      fillColorDarkMode: "#aa3377",
+      textColorDarkMode: "#b5648c",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    },
+    7: {
+      lineColor: "#939393",
+      markerColor: "#939393",
+      fillColor: "#939393",
+      textColor: "#757575",
+      highContrastColor: "#757575",
+      lineColorDarkMode: "#bbbbbb",
+      markerColorDarkMode: "#bbbbbb",
+      fillColorDarkMode: "#bbbbbb",
+      textColorDarkMode: "#bbbbbb",
+      lineWidth: 3,
+      lineStyle: "dashed",
+      markerStyle: "triangleRight"
+    }
+  }
+};
+const tolMutedPalette$1 = {
+  name: "tolmuted",
+  description: "Nine colorblind-friendly muted styles from Paul Tol's muted palette, with varied marker shapes and line styles.",
+  styles: {
+    1: {
+      lineColor: "#332288",
+      markerColor: "#332288",
+      fillColor: "#332288",
+      highContrastColor: "#332288",
+      lineColorWord: "indigo",
+      markerColorWord: "indigo",
+      fillColorWord: "indigo",
+      highContrastColorWord: "indigo",
+      lineColorDarkMode: "#8a86e8",
+      markerColorDarkMode: "#8a86e8",
+      fillColorDarkMode: "#8a86e8",
+      lineColorWordDarkMode: "indigo",
+      markerColorWordDarkMode: "indigo",
+      fillColorWordDarkMode: "indigo",
+      highContrastColorWordDarkMode: "indigo",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#669ab5",
+      markerColor: "#669ab5",
+      fillColor: "#669ab5",
+      textColor: "#507a90",
+      highContrastColor: "#507a90",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      textColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#88ccee",
+      markerColorDarkMode: "#88ccee",
+      fillColorDarkMode: "#88ccee",
+      textColorDarkMode: "#88ccee",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      textColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#41a393",
+      markerColor: "#41a393",
+      fillColor: "#41a393",
+      textColor: "#328175",
+      highContrastColor: "#328175",
+      lineColorWord: "teal",
+      markerColorWord: "teal",
+      fillColorWord: "teal",
+      textColorWord: "teal",
+      highContrastColorWord: "teal",
+      lineColorDarkMode: "#44aa99",
+      markerColorDarkMode: "#44aa99",
+      fillColorDarkMode: "#44aa99",
+      textColorDarkMode: "#44aa99",
+      lineColorWordDarkMode: "teal",
+      markerColorWordDarkMode: "teal",
+      fillColorWordDarkMode: "teal",
+      textColorWordDarkMode: "teal",
+      highContrastColorWordDarkMode: "teal",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#117733",
+      markerColor: "#117733",
+      fillColor: "#117733",
+      textColor: "#117733",
+      highContrastColor: "#117733",
+      lineColorDarkMode: "#117733",
+      markerColorDarkMode: "#117733",
+      fillColorDarkMode: "#117733",
+      textColorDarkMode: "#548a5f",
+      textColorWordDarkMode: "green",
+      highContrastColorWordDarkMode: "green",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#989833",
+      markerColor: "#989833",
+      fillColor: "#989833",
+      textColor: "#787827",
+      highContrastColor: "#787827",
+      lineColorWord: "olive",
+      markerColorWord: "olive",
+      fillColorWord: "olive",
+      textColorWord: "olive",
+      highContrastColorWord: "olive",
+      lineColorDarkMode: "#999933",
+      markerColorDarkMode: "#999933",
+      fillColorDarkMode: "#999933",
+      textColorDarkMode: "#999933",
+      lineColorWordDarkMode: "olive",
+      markerColorWordDarkMode: "olive",
+      fillColorWordDarkMode: "olive",
+      textColorWordDarkMode: "olive",
+      highContrastColorWordDarkMode: "olive",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      lineColor: "#867c46",
+      markerColor: "#867c46",
+      fillColor: "#867c46",
+      textColor: "#7f7542",
+      highContrastColor: "#7f7542",
+      lineColorWord: "tan",
+      markerColorWord: "tan",
+      fillColorWord: "tan",
+      textColorWord: "tan",
+      highContrastColorWord: "tan",
+      lineColorDarkMode: "#ddcc77",
+      markerColorDarkMode: "#ddcc77",
+      fillColorDarkMode: "#ddcc77",
+      textColorDarkMode: "#ddcc77",
+      lineColorWordDarkMode: "tan",
+      markerColorWordDarkMode: "tan",
+      fillColorWordDarkMode: "tan",
+      textColorWordDarkMode: "tan",
+      highContrastColorWordDarkMode: "tan",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    },
+    7: {
+      lineColor: "#cc6677",
+      markerColor: "#cc6677",
+      fillColor: "#cc6677",
+      textColor: "#b35968",
+      highContrastColor: "#b35968",
+      lineColorWord: "pink",
+      markerColorWord: "pink",
+      fillColorWord: "pink",
+      textColorWord: "pink",
+      highContrastColorWord: "pink",
+      lineColorDarkMode: "#cc6677",
+      markerColorDarkMode: "#cc6677",
+      fillColorDarkMode: "#cc6677",
+      textColorDarkMode: "#cc6677",
+      lineColorWordDarkMode: "pink",
+      markerColorWordDarkMode: "pink",
+      fillColorWordDarkMode: "pink",
+      textColorWordDarkMode: "pink",
+      highContrastColorWordDarkMode: "pink",
+      lineWidth: 3,
+      lineStyle: "dashed",
+      markerStyle: "triangleRight"
+    },
+    8: {
+      lineColor: "#882255",
+      markerColor: "#882255",
+      fillColor: "#882255",
+      textColor: "#882255",
+      highContrastColor: "#882255",
+      lineColorWord: "maroon",
+      markerColorWord: "maroon",
+      fillColorWord: "maroon",
+      textColorWord: "maroon",
+      highContrastColorWord: "maroon",
+      lineColorDarkMode: "#924b69",
+      markerColorDarkMode: "#924b69",
+      fillColorDarkMode: "#924b69",
+      textColorDarkMode: "#a17083",
+      lineColorWordDarkMode: "maroon",
+      markerColorWordDarkMode: "maroon",
+      fillColorWordDarkMode: "maroon",
+      textColorWordDarkMode: "maroon",
+      highContrastColorWordDarkMode: "maroon",
+      lineWidth: 1,
+      lineStyle: "dotted",
+      markerStyle: "circle"
+    },
+    9: {
+      lineColor: "#aa4499",
+      markerColor: "#aa4499",
+      fillColor: "#aa4499",
+      textColor: "#aa4499",
+      highContrastColor: "#aa4499",
+      lineColorDarkMode: "#aa4499",
+      markerColorDarkMode: "#aa4499",
+      fillColorDarkMode: "#aa4499",
+      textColorDarkMode: "#b262a3",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      lineStyle: "dashed",
+      markerStyle: "square"
+    }
+  }
+};
+const tolHighContrastPalette$1 = {
+  name: "tolhighcontrast",
+  description: "Four maximum-distinction styles from Paul Tol's high-contrast palette, distinguishable even in grayscale.",
+  styles: {
+    1: {
+      lineColor: "#004488",
+      markerColor: "#004488",
+      fillColor: "#004488",
+      highContrastColor: "#004488",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#496194",
+      markerColorDarkMode: "#496194",
+      fillColorDarkMode: "#496194",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#b88d29",
+      markerColor: "#b88d29",
+      fillColor: "#b88d29",
+      textColor: "#92701f",
+      highContrastColor: "#92701f",
+      lineColorWord: "gold",
+      markerColorWord: "gold",
+      fillColorWord: "gold",
+      textColorWord: "gold",
+      highContrastColorWord: "gold",
+      lineColorDarkMode: "#ddaa33",
+      markerColorDarkMode: "#ddaa33",
+      fillColorDarkMode: "#ddaa33",
+      textColorDarkMode: "#ddaa33",
+      lineColorWordDarkMode: "gold",
+      markerColorWordDarkMode: "gold",
+      fillColorWordDarkMode: "gold",
+      textColorWordDarkMode: "gold",
+      highContrastColorWordDarkMode: "gold",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#bb5566",
+      markerColor: "#bb5566",
+      fillColor: "#bb5566",
+      textColor: "#bb5566",
+      highContrastColor: "#bb5566",
+      lineColorDarkMode: "#c06976",
+      markerColorDarkMode: "#c06976",
+      fillColorDarkMode: "#c06976",
+      textColorDarkMode: "#c06976",
+      lineColorWordDarkMode: "red",
+      markerColorWordDarkMode: "red",
+      fillColorWordDarkMode: "red",
+      textColorWordDarkMode: "red",
+      highContrastColorWordDarkMode: "red",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#000000",
+      markerColor: "#000000",
+      fillColor: "#000000",
+      textColor: "#000000",
+      highContrastColor: "#000000",
+      lineColorDarkMode: "#ffffff",
+      markerColorDarkMode: "#ffffff",
+      fillColorDarkMode: "#ffffff",
+      textColorDarkMode: "#ffffff",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    }
+  }
+};
+const ibmPalette$1 = {
+  name: "ibm",
+  description: "Five colorblind-friendly styles from the IBM Design Library accessible palette, with varied marker shapes.",
+  styles: {
+    1: {
+      lineColor: "#648fff",
+      markerColor: "#648fff",
+      fillColor: "#648fff",
+      highContrastColor: "#4f71cb",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#648fff",
+      markerColorDarkMode: "#648fff",
+      fillColorDarkMode: "#648fff",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#6a53d5",
+      markerColor: "#6a53d5",
+      fillColor: "#6a53d5",
+      textColor: "#6a53d5",
+      highContrastColor: "#6a53d5",
+      lineColorDarkMode: "#785ef0",
+      markerColorDarkMode: "#785ef0",
+      fillColorDarkMode: "#785ef0",
+      textColorDarkMode: "#7f69f0",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#dc267f",
+      markerColor: "#dc267f",
+      fillColor: "#dc267f",
+      textColor: "#dc267f",
+      highContrastColor: "#dc267f",
+      lineColorWord: "magenta",
+      markerColorWord: "magenta",
+      fillColorWord: "magenta",
+      textColorWord: "magenta",
+      highContrastColorWord: "magenta",
+      lineColorDarkMode: "#dc267f",
+      markerColorDarkMode: "#dc267f",
+      fillColorDarkMode: "#dc267f",
+      textColorDarkMode: "#dd4186",
+      lineColorWordDarkMode: "magenta",
+      markerColorWordDarkMode: "magenta",
+      fillColorWordDarkMode: "magenta",
+      textColorWordDarkMode: "magenta",
+      highContrastColorWordDarkMode: "magenta",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#fe6100",
+      markerColor: "#fe6100",
+      fillColor: "#fe6100",
+      textColor: "#cb4b00",
+      highContrastColor: "#cb4b00",
+      lineColorDarkMode: "#fe6100",
+      markerColorDarkMode: "#fe6100",
+      fillColorDarkMode: "#fe6100",
+      textColorDarkMode: "#fe6100",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#865a00",
+      markerColor: "#865a00",
+      fillColor: "#865a00",
+      textColor: "#865a00",
+      highContrastColor: "#865a00",
+      lineColorWord: "gold",
+      markerColorWord: "gold",
+      fillColorWord: "gold",
+      textColorWord: "gold",
+      highContrastColorWord: "gold",
+      lineColorDarkMode: "#ffb000",
+      markerColorDarkMode: "#ffb000",
+      fillColorDarkMode: "#ffb000",
+      textColorDarkMode: "#ffb000",
+      lineColorWordDarkMode: "gold",
+      markerColorWordDarkMode: "gold",
+      fillColorWordDarkMode: "gold",
+      textColorWordDarkMode: "gold",
+      highContrastColorWordDarkMode: "gold",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    }
+  }
+};
+const grayscalePalette$1 = {
+  name: "grayscale",
+  description: "Four grays with maximum luminance separation, for readers who distinguish styles by lightness alone.",
+  styles: {
+    1: {
+      lineColor: "#000000",
+      markerColor: "#000000",
+      fillColor: "#000000",
+      highContrastColor: "#000000",
+      lineColorWord: "black",
+      markerColorWord: "black",
+      fillColorWord: "black",
+      highContrastColorWord: "black",
+      lineColorDarkMode: "#ffffff",
+      markerColorDarkMode: "#ffffff",
+      fillColorDarkMode: "#ffffff",
+      highContrastColorDarkMode: "#ffffff",
+      lineColorWordDarkMode: "white",
+      markerColorWordDarkMode: "white",
+      fillColorWordDarkMode: "white",
+      highContrastColorWordDarkMode: "white",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#323232",
+      markerColor: "#323232",
+      fillColor: "#323232",
+      textColor: "#323232",
+      highContrastColor: "#323232",
+      lineColorWord: "dark gray",
+      markerColorWord: "dark gray",
+      fillColorWord: "dark gray",
+      textColorWord: "dark gray",
+      highContrastColorWord: "dark gray",
+      lineColorDarkMode: "#c7c7c7",
+      markerColorDarkMode: "#c7c7c7",
+      fillColorDarkMode: "#c7c7c7",
+      textColorDarkMode: "#c7c7c7",
+      highContrastColorDarkMode: "#c7c7c7",
+      lineColorWordDarkMode: "light gray",
+      markerColorWordDarkMode: "light gray",
+      fillColorWordDarkMode: "light gray",
+      textColorWordDarkMode: "light gray",
+      highContrastColorWordDarkMode: "light gray",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#616161",
+      markerColor: "#616161",
+      fillColor: "#616161",
+      textColor: "#616161",
+      highContrastColor: "#616161",
+      lineColorWord: "gray",
+      markerColorWord: "gray",
+      fillColorWord: "gray",
+      textColorWord: "gray",
+      highContrastColorWord: "gray",
+      lineColorDarkMode: "#929292",
+      markerColorDarkMode: "#929292",
+      fillColorDarkMode: "#929292",
+      textColorDarkMode: "#929292",
+      highContrastColorDarkMode: "#929292",
+      lineColorWordDarkMode: "gray",
+      markerColorWordDarkMode: "gray",
+      fillColorWordDarkMode: "gray",
+      textColorWordDarkMode: "gray",
+      highContrastColorWordDarkMode: "gray",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#939393",
+      markerColor: "#939393",
+      fillColor: "#939393",
+      textColor: "#767676",
+      highContrastColor: "#767676",
+      lineColorWord: "light gray",
+      markerColorWord: "light gray",
+      fillColorWord: "light gray",
+      textColorWord: "light gray",
+      highContrastColorWord: "light gray",
+      lineColorDarkMode: "#626262",
+      markerColorDarkMode: "#626262",
+      fillColorDarkMode: "#626262",
+      textColorDarkMode: "#7d7d7d",
+      highContrastColorDarkMode: "#7d7d7d",
+      lineColorWordDarkMode: "dark gray",
+      markerColorWordDarkMode: "dark gray",
+      fillColorWordDarkMode: "dark gray",
+      textColorWordDarkMode: "dark gray",
+      highContrastColorWordDarkMode: "dark gray",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    }
+  }
+};
+const categoricalPalette$1 = {
+  name: "categorical",
+  description: "Ten maximally varied hues adapted from the Category10 sequence, for documents needing many obviously distinct styles.",
+  styles: {
+    1: {
+      lineColor: "#1f77b4",
+      markerColor: "#1f77b4",
+      fillColor: "#1f77b4",
+      highContrastColor: "#1f77b4",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#5ba3dd",
+      markerColorDarkMode: "#5ba3dd",
+      fillColorDarkMode: "#5ba3dd",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#e7730c",
+      markerColor: "#e7730c",
+      fillColor: "#e7730c",
+      textColor: "#b95b07",
+      highContrastColor: "#b95b07",
+      lineColorWord: "orange",
+      markerColorWord: "orange",
+      fillColorWord: "orange",
+      textColorWord: "orange",
+      highContrastColorWord: "orange",
+      lineColorDarkMode: "#ff9d3c",
+      markerColorDarkMode: "#ff9d3c",
+      fillColorDarkMode: "#ff9d3c",
+      textColorDarkMode: "#ff9d3c",
+      lineColorWordDarkMode: "orange",
+      markerColorWordDarkMode: "orange",
+      fillColorWordDarkMode: "orange",
+      textColorWordDarkMode: "orange",
+      highContrastColorWordDarkMode: "orange",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#217a21",
+      markerColor: "#217a21",
+      fillColor: "#217a21",
+      textColor: "#217a21",
+      highContrastColor: "#217a21",
+      lineColorWord: "green",
+      markerColorWord: "green",
+      fillColorWord: "green",
+      textColorWord: "green",
+      highContrastColorWord: "green",
+      lineColorDarkMode: "#2ca02c",
+      markerColorDarkMode: "#2ca02c",
+      fillColorDarkMode: "#2ca02c",
+      textColorDarkMode: "#2ca02c",
+      lineColorWordDarkMode: "green",
+      markerColorWordDarkMode: "green",
+      fillColorWordDarkMode: "green",
+      textColorWordDarkMode: "green",
+      highContrastColorWordDarkMode: "green",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#d62728",
+      markerColor: "#d62728",
+      fillColor: "#d62728",
+      textColor: "#d62728",
+      highContrastColor: "#d62728",
+      lineColorWord: "red",
+      markerColorWord: "red",
+      fillColorWord: "red",
+      textColorWord: "red",
+      highContrastColorWord: "red",
+      lineColorDarkMode: "#e2494a",
+      markerColorDarkMode: "#e2494a",
+      fillColorDarkMode: "#e2494a",
+      textColorDarkMode: "#e2494a",
+      lineColorWordDarkMode: "red",
+      markerColorWordDarkMode: "red",
+      fillColorWordDarkMode: "red",
+      textColorWordDarkMode: "red",
+      highContrastColorWordDarkMode: "red",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#9467bd",
+      markerColor: "#9467bd",
+      fillColor: "#9467bd",
+      textColor: "#8e62b5",
+      highContrastColor: "#8e62b5",
+      lineColorWord: "purple",
+      markerColorWord: "purple",
+      fillColorWord: "purple",
+      textColorWord: "purple",
+      highContrastColorWord: "purple",
+      lineColorDarkMode: "#b48fd6",
+      markerColorDarkMode: "#b48fd6",
+      fillColorDarkMode: "#b48fd6",
+      textColorDarkMode: "#b48fd6",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      lineColor: "#7a4a41",
+      markerColor: "#7a4a41",
+      fillColor: "#7a4a41",
+      textColor: "#7a4a41",
+      highContrastColor: "#7a4a41",
+      lineColorWord: "brown",
+      markerColorWord: "brown",
+      fillColorWord: "brown",
+      textColorWord: "brown",
+      highContrastColorWord: "brown",
+      lineColorDarkMode: "#a9705f",
+      markerColorDarkMode: "#a9705f",
+      fillColorDarkMode: "#a9705f",
+      textColorDarkMode: "#a9705f",
+      lineColorWordDarkMode: "brown",
+      markerColorWordDarkMode: "brown",
+      fillColorWordDarkMode: "brown",
+      textColorWordDarkMode: "brown",
+      highContrastColorWordDarkMode: "brown",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    },
+    7: {
+      lineColor: "#d670b7",
+      markerColor: "#d670b7",
+      fillColor: "#d670b7",
+      textColor: "#ab5892",
+      highContrastColor: "#ab5892",
+      lineColorWord: "pink",
+      markerColorWord: "pink",
+      fillColorWord: "pink",
+      textColorWord: "pink",
+      highContrastColorWord: "pink",
+      lineColorDarkMode: "#e377c2",
+      markerColorDarkMode: "#e377c2",
+      fillColorDarkMode: "#e377c2",
+      textColorDarkMode: "#e377c2",
+      lineColorWordDarkMode: "pink",
+      markerColorWordDarkMode: "pink",
+      fillColorWordDarkMode: "pink",
+      textColorWordDarkMode: "pink",
+      highContrastColorWordDarkMode: "pink",
+      lineWidth: 3,
+      lineStyle: "dashed",
+      markerStyle: "triangleRight"
+    },
+    8: {
+      lineColor: "#7f7f7f",
+      markerColor: "#7f7f7f",
+      fillColor: "#7f7f7f",
+      textColor: "#757575",
+      highContrastColor: "#757575",
+      lineColorWord: "gray",
+      markerColorWord: "gray",
+      fillColorWord: "gray",
+      textColorWord: "gray",
+      highContrastColorWord: "gray",
+      lineColorDarkMode: "#a8a8a8",
+      markerColorDarkMode: "#a8a8a8",
+      fillColorDarkMode: "#a8a8a8",
+      textColorDarkMode: "#a8a8a8",
+      lineColorWordDarkMode: "gray",
+      markerColorWordDarkMode: "gray",
+      fillColorWordDarkMode: "gray",
+      textColorWordDarkMode: "gray",
+      highContrastColorWordDarkMode: "gray",
+      lineWidth: 1,
+      lineStyle: "dotted",
+      markerStyle: "circle"
+    },
+    9: {
+      lineColor: "#6e6e12",
+      markerColor: "#6e6e12",
+      fillColor: "#6e6e12",
+      textColor: "#6e6e12",
+      highContrastColor: "#6e6e12",
+      lineColorWord: "olive",
+      markerColorWord: "olive",
+      fillColorWord: "olive",
+      textColorWord: "olive",
+      highContrastColorWord: "olive",
+      lineColorDarkMode: "#bcbd22",
+      markerColorDarkMode: "#bcbd22",
+      fillColorDarkMode: "#bcbd22",
+      textColorDarkMode: "#bcbd22",
+      lineColorWordDarkMode: "olive",
+      markerColorWordDarkMode: "olive",
+      fillColorWordDarkMode: "olive",
+      textColorWordDarkMode: "olive",
+      highContrastColorWordDarkMode: "olive",
+      lineWidth: 2,
+      lineStyle: "dashed",
+      markerStyle: "square"
+    },
+    10: {
+      lineColor: "#12a2b1",
+      markerColor: "#12a2b1",
+      fillColor: "#12a2b1",
+      textColor: "#0c818e",
+      highContrastColor: "#0c818e",
+      lineColorWord: "cyan",
+      markerColorWord: "cyan",
+      fillColorWord: "cyan",
+      textColorWord: "cyan",
+      highContrastColorWord: "cyan",
+      lineColorDarkMode: "#17becf",
+      markerColorDarkMode: "#17becf",
+      fillColorDarkMode: "#17becf",
+      textColorDarkMode: "#17becf",
+      lineColorWordDarkMode: "cyan",
+      markerColorWordDarkMode: "cyan",
+      fillColorWordDarkMode: "cyan",
+      textColorWordDarkMode: "cyan",
+      highContrastColorWordDarkMode: "cyan",
+      lineWidth: 2,
+      lineStyle: "dotted",
+      markerStyle: "diamond"
+    }
+  }
+};
+const grumpyNarwhalPalette$1 = {
+  name: "grumpynarwhal",
+  description: "Six saturated hues — burnt orange, forest green, deep pink, arctic teal, gold, and purple — going neon in dark mode.",
+  styles: {
+    1: {
+      lineColor: "#b34700",
+      markerColor: "#b34700",
+      fillColor: "#b34700",
+      highContrastColor: "#b34700",
+      lineColorWord: "orange",
+      markerColorWord: "orange",
+      fillColorWord: "orange",
+      highContrastColorWord: "orange",
+      lineColorDarkMode: "#ff5f00",
+      markerColorDarkMode: "#ff5f00",
+      fillColorDarkMode: "#ff5f00",
+      lineColorWordDarkMode: "orange",
+      markerColorWordDarkMode: "orange",
+      fillColorWordDarkMode: "orange",
+      highContrastColorWordDarkMode: "orange",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#1b7a1b",
+      markerColor: "#1b7a1b",
+      fillColor: "#1b7a1b",
+      textColor: "#1b7a1b",
+      highContrastColor: "#1b7a1b",
+      lineColorWord: "green",
+      markerColorWord: "green",
+      fillColorWord: "green",
+      textColorWord: "green",
+      highContrastColorWord: "green",
+      lineColorDarkMode: "#39ff14",
+      markerColorDarkMode: "#39ff14",
+      fillColorDarkMode: "#39ff14",
+      textColorDarkMode: "#39ff14",
+      lineColorWordDarkMode: "green",
+      markerColorWordDarkMode: "green",
+      fillColorWordDarkMode: "green",
+      textColorWordDarkMode: "green",
+      highContrastColorWordDarkMode: "green",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#c20e67",
+      markerColor: "#c20e67",
+      fillColor: "#c20e67",
+      textColor: "#c20e67",
+      highContrastColor: "#c20e67",
+      lineColorWord: "pink",
+      markerColorWord: "pink",
+      fillColorWord: "pink",
+      textColorWord: "pink",
+      highContrastColorWord: "pink",
+      lineColorDarkMode: "#ff1493",
+      markerColorDarkMode: "#ff1493",
+      fillColorDarkMode: "#ff1493",
+      textColorDarkMode: "#ff1493",
+      lineColorWordDarkMode: "pink",
+      markerColorWordDarkMode: "pink",
+      fillColorWordDarkMode: "pink",
+      textColorWordDarkMode: "pink",
+      highContrastColorWordDarkMode: "pink",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#007a8c",
+      markerColor: "#007a8c",
+      fillColor: "#007a8c",
+      textColor: "#007a8c",
+      highContrastColor: "#007a8c",
+      lineColorWord: "teal",
+      markerColorWord: "teal",
+      fillColorWord: "teal",
+      textColorWord: "teal",
+      highContrastColorWord: "teal",
+      lineColorDarkMode: "#00e5ff",
+      markerColorDarkMode: "#00e5ff",
+      fillColorDarkMode: "#00e5ff",
+      textColorDarkMode: "#00e5ff",
+      lineColorWordDarkMode: "cyan",
+      markerColorWordDarkMode: "cyan",
+      fillColorWordDarkMode: "cyan",
+      textColorWordDarkMode: "cyan",
+      highContrastColorWordDarkMode: "cyan",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#8a6d00",
+      markerColor: "#8a6d00",
+      fillColor: "#8a6d00",
+      textColor: "#8a6d00",
+      highContrastColor: "#8a6d00",
+      lineColorWord: "gold",
+      markerColorWord: "gold",
+      fillColorWord: "gold",
+      textColorWord: "gold",
+      highContrastColorWord: "gold",
+      lineColorDarkMode: "#ffea00",
+      markerColorDarkMode: "#ffea00",
+      fillColorDarkMode: "#ffea00",
+      textColorDarkMode: "#ffea00",
+      lineColorWordDarkMode: "yellow",
+      markerColorWordDarkMode: "yellow",
+      fillColorWordDarkMode: "yellow",
+      textColorWordDarkMode: "yellow",
+      highContrastColorWordDarkMode: "yellow",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      // Contributed as the same purple in both modes; on Doenet's
+      // lighter dark canvas that lands at 4.07:1, so the dark text
+      // variant is lightened to clear 4.5:1 while lines and markers
+      // keep the contributed color.
+      lineColor: "#b026ff",
+      markerColor: "#b026ff",
+      fillColor: "#b026ff",
+      textColor: "#b026ff",
+      highContrastColor: "#b026ff",
+      lineColorWord: "purple",
+      markerColorWord: "purple",
+      fillColorWord: "purple",
+      textColorWord: "purple",
+      highContrastColorWord: "purple",
+      lineColorDarkMode: "#b026ff",
+      markerColorDarkMode: "#b026ff",
+      fillColorDarkMode: "#b026ff",
+      textColorDarkMode: "#b445ff",
+      highContrastColorDarkMode: "#b445ff",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    }
+  }
+};
+function deepFreezePalette$1(palette) {
+  for (const styleDef of Object.values(palette.styles)) {
+    for (const value of Object.values(styleDef)) {
+      if (typeof value === "object" && value !== null) {
+        Object.freeze(value);
+      }
+    }
+    Object.freeze(styleDef);
+  }
+  Object.freeze(palette.styles);
+  return Object.freeze(palette);
+}
+const STYLE_PALETTES$1 = Object.assign(
+  /* @__PURE__ */ Object.create(null),
+  {
+    [defaultPalette$1.name]: deepFreezePalette$1(defaultPalette$1),
+    [okabeItoPalette$1.name]: deepFreezePalette$1(okabeItoPalette$1),
+    [tolBrightPalette$1.name]: deepFreezePalette$1(tolBrightPalette$1),
+    [tolMutedPalette$1.name]: deepFreezePalette$1(tolMutedPalette$1),
+    [tolHighContrastPalette$1.name]: deepFreezePalette$1(
+      tolHighContrastPalette$1
+    ),
+    [ibmPalette$1.name]: deepFreezePalette$1(ibmPalette$1),
+    [grayscalePalette$1.name]: deepFreezePalette$1(grayscalePalette$1),
+    [categoricalPalette$1.name]: deepFreezePalette$1(categoricalPalette$1),
+    [grumpyNarwhalPalette$1.name]: deepFreezePalette$1(grumpyNarwhalPalette$1)
+  }
+);
+Object.freeze(STYLE_PALETTES$1);
+defaultPalette$1.name;
+Object.freeze(
+  Object.keys(STYLE_PALETTES$1)
+);
 var r$1 = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$1$1 = function(r2) {
   return "string" == typeof r2 ? r2.length > 0 : "number" == typeof r2;
 }, n$1 = function(r2, t23, n2) {
@@ -1060,146 +2372,6 @@ function namesPlugin$1(e2, f2) {
   }, "name"]);
 }
 k$1([a11yPlugin$1, namesPlugin$1]);
-const defaultPalette$1 = {
-  name: "default",
-  description: "The standard Doenet styles: blue, red, brown, purple, black, and gray.",
-  styles: {
-    1: { ...DEFAULT_STYLE_VALUES$1 },
-    2: {
-      lineColor: "#D4042D",
-      lineColorDarkMode: "#F1466A",
-      lineOpacity: 0.7,
-      lineWidth: 2,
-      lineWidthWord: "",
-      lineStyle: "solid",
-      lineStyleWord: "",
-      markerColor: "#D4042D",
-      markerColorDarkMode: "#F1466A",
-      markerOpacity: 0.7,
-      markerStyle: "square",
-      markerStyleWord: "square",
-      markerSize: 5,
-      fillColor: "#D4042D",
-      fillColorDarkMode: "#F1466A",
-      fillOpacity: 0.3,
-      textColor: "#D4042D",
-      textColorDarkMode: "#FF7A7A",
-      highContrastColor: "#D4042D",
-      highContrastColorDarkMode: "#FF7A7A"
-    },
-    3: {
-      lineColor: "#a6510c",
-      lineColorDarkMode: "#F19143",
-      lineOpacity: 0.7,
-      lineWidth: 3,
-      lineWidthWord: "",
-      lineStyle: "solid",
-      lineStyleWord: "",
-      markerColor: "#a6510c",
-      markerColorDarkMode: "#F19143",
-      markerOpacity: 0.7,
-      markerStyle: "triangle",
-      markerStyleWord: "triangle",
-      markerSize: 5,
-      fillColor: "#a6510c",
-      fillColorDarkMode: "#F19143",
-      fillOpacity: 0.3,
-      textColor: "#BE5A0E",
-      textColorDarkMode: "#FFA94D",
-      highContrastColor: "#BE5A0E",
-      highContrastColorDarkMode: "#FFA94D"
-    },
-    4: {
-      lineColor: "#644CD6",
-      lineColorDarkMode: "#9F8FE8",
-      lineOpacity: 0.7,
-      lineWidth: 2,
-      lineWidthWord: "",
-      lineStyle: "solid",
-      lineStyleWord: "",
-      markerColor: "#644CD6",
-      markerColorDarkMode: "#9F8FE8",
-      markerOpacity: 0.7,
-      markerStyle: "diamond",
-      markerStyleWord: "diamond",
-      markerSize: 5,
-      fillColor: "#644CD6",
-      fillColorDarkMode: "#9F8FE8",
-      fillOpacity: 0.3,
-      textColor: "#644CD6",
-      textColorDarkMode: "#B0A4EE",
-      highContrastColor: "#644CD6",
-      highContrastColorDarkMode: "#B0A4EE"
-    },
-    5: {
-      lineColor: "black",
-      lineColorDarkMode: "white",
-      lineOpacity: 1,
-      lineWidth: 1,
-      lineWidthWord: "thin",
-      lineStyle: "solid",
-      lineStyleWord: "",
-      markerColor: "black",
-      markerColorDarkMode: "white",
-      markerOpacity: 1,
-      markerStyle: "circle",
-      markerStyleWord: "point",
-      markerSize: 5,
-      fillColor: "black",
-      fillColorDarkMode: "white",
-      fillOpacity: 0.7,
-      textColor: "black",
-      textColorDarkMode: "white",
-      highContrastColor: "black",
-      highContrastColorDarkMode: "white"
-    },
-    6: {
-      lineColor: "#636363",
-      lineColorDarkMode: "#CCCCCC",
-      lineOpacity: 0.7,
-      lineWidth: 1,
-      lineWidthWord: "thin",
-      lineStyle: "dotted",
-      lineStyleWord: "dotted",
-      markerColor: "#636363",
-      markerColorDarkMode: "#CCCCCC",
-      markerOpacity: 0.7,
-      markerStyle: "circle",
-      markerStyleWord: "point",
-      markerSize: 5,
-      fillColor: "#636363",
-      fillColorDarkMode: "#CCCCCC",
-      fillOpacity: 0.3,
-      textColor: "#757575",
-      textColorDarkMode: "#B0B0B0",
-      highContrastColor: "#757575",
-      highContrastColorDarkMode: "#B0B0B0"
-    }
-  }
-};
-function deepFreezePalette$1(palette) {
-  for (const styleDef of Object.values(palette.styles)) {
-    for (const value of Object.values(styleDef)) {
-      if (typeof value === "object" && value !== null) {
-        Object.freeze(value);
-      }
-    }
-    Object.freeze(styleDef);
-  }
-  Object.freeze(palette.styles);
-  return Object.freeze(palette);
-}
-const STYLE_PALETTES$1 = Object.assign(
-  /* @__PURE__ */ Object.create(null),
-  {
-    [defaultPalette$1.name]: deepFreezePalette$1(defaultPalette$1)
-  }
-);
-Object.freeze(STYLE_PALETTES$1);
-defaultPalette$1.name;
-Object.freeze(
-  Object.keys(STYLE_PALETTES$1)
-);
 let styleAttributes$1 = {
   lineColor: {
     componentType: "text",
@@ -1477,6 +2649,7 @@ for (const [category, group2] of Object.entries(STYLE_OVERRIDE_CATEGORIES$1)) {
     }
   }
 }
+Object.entries(styleAttributes$1).filter(([, spec]) => spec.toLowerCase).map(([key]) => key);
 var __create$1 = Object.create, __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __getOwnPropNames$1 = Object.getOwnPropertyNames, __getProtoOf$1 = Object.getPrototypeOf, __hasOwnProp$1 = Object.prototype.hasOwnProperty, __esmMin$1 = (t4, n2) => () => (t4 && (n2 = t4(t4 = 0)), n2), __commonJSMin$1 = (t4, n2) => () => (n2 || (t4((n2 = { exports: {} }).exports, n2), t4 = null), n2.exports), __exportAll$1 = (t4, n2) => {
   let r2 = {};
   for (var i2 in t4) __defProp$1(r2, i2, { get: t4[i2], enumerable: true });
@@ -38755,6 +39928,1318 @@ const DEFAULT_STYLE_VALUES = {
   highContrastColor: "#2963FF",
   highContrastColorDarkMode: "#92B4FF"
 };
+const defaultPalette = {
+  name: "default",
+  description: "The standard Doenet styles: blue, red, orange, purple, black, and gray.",
+  styles: {
+    1: { ...DEFAULT_STYLE_VALUES },
+    2: {
+      lineColor: "#D4042D",
+      lineColorDarkMode: "#F1466A",
+      lineOpacity: 0.7,
+      lineWidth: 2,
+      lineWidthWord: "",
+      lineStyle: "solid",
+      lineStyleWord: "",
+      markerColor: "#D4042D",
+      markerColorDarkMode: "#F1466A",
+      markerOpacity: 0.7,
+      markerStyle: "square",
+      markerStyleWord: "square",
+      markerSize: 5,
+      fillColor: "#D4042D",
+      fillColorDarkMode: "#F1466A",
+      fillOpacity: 0.3,
+      textColor: "#D4042D",
+      textColorDarkMode: "#FF7A7A",
+      highContrastColor: "#D4042D",
+      highContrastColorDarkMode: "#FF7A7A"
+    },
+    3: {
+      lineColor: "#a6510c",
+      lineColorDarkMode: "#F19143",
+      lineOpacity: 0.7,
+      lineWidth: 3,
+      lineWidthWord: "",
+      lineStyle: "solid",
+      lineStyleWord: "",
+      markerColor: "#a6510c",
+      markerColorDarkMode: "#F19143",
+      markerOpacity: 0.7,
+      markerStyle: "triangle",
+      markerStyleWord: "triangle",
+      markerSize: 5,
+      fillColor: "#a6510c",
+      fillColorDarkMode: "#F19143",
+      fillOpacity: 0.3,
+      textColor: "#BE5A0E",
+      textColorDarkMode: "#FFA94D",
+      highContrastColor: "#BE5A0E",
+      highContrastColorDarkMode: "#FFA94D"
+    },
+    4: {
+      lineColor: "#644CD6",
+      lineColorDarkMode: "#9F8FE8",
+      lineColorWordDarkMode: "purple",
+      lineOpacity: 0.7,
+      lineWidth: 2,
+      lineWidthWord: "",
+      lineStyle: "solid",
+      lineStyleWord: "",
+      markerColor: "#644CD6",
+      markerColorDarkMode: "#9F8FE8",
+      markerColorWordDarkMode: "purple",
+      markerOpacity: 0.7,
+      markerStyle: "diamond",
+      markerStyleWord: "diamond",
+      markerSize: 5,
+      fillColor: "#644CD6",
+      fillColorDarkMode: "#9F8FE8",
+      fillColorWordDarkMode: "purple",
+      fillOpacity: 0.3,
+      textColor: "#644CD6",
+      textColorDarkMode: "#B0A4EE",
+      highContrastColor: "#644CD6",
+      highContrastColorDarkMode: "#B0A4EE"
+    },
+    5: {
+      lineColor: "black",
+      lineColorDarkMode: "white",
+      lineOpacity: 1,
+      lineWidth: 1,
+      lineWidthWord: "thin",
+      lineStyle: "solid",
+      lineStyleWord: "",
+      markerColor: "black",
+      markerColorDarkMode: "white",
+      markerOpacity: 1,
+      markerStyle: "circle",
+      markerStyleWord: "point",
+      markerSize: 5,
+      fillColor: "black",
+      fillColorDarkMode: "white",
+      fillOpacity: 0.7,
+      textColor: "black",
+      textColorDarkMode: "white",
+      highContrastColor: "black",
+      highContrastColorDarkMode: "white"
+    },
+    6: {
+      lineColor: "#636363",
+      lineColorDarkMode: "#CCCCCC",
+      lineOpacity: 0.7,
+      lineWidth: 1,
+      lineWidthWord: "thin",
+      lineStyle: "dotted",
+      lineStyleWord: "dotted",
+      markerColor: "#636363",
+      markerColorDarkMode: "#CCCCCC",
+      markerOpacity: 0.7,
+      markerStyle: "circle",
+      markerStyleWord: "point",
+      markerSize: 5,
+      fillColor: "#636363",
+      fillColorDarkMode: "#CCCCCC",
+      fillOpacity: 0.3,
+      textColor: "#757575",
+      textColorDarkMode: "#B0B0B0",
+      highContrastColor: "#757575",
+      highContrastColorDarkMode: "#B0B0B0"
+    }
+  }
+};
+const okabeItoPalette = {
+  name: "okabeito",
+  description: "Colorblind-friendly blues, oranges, greens, and purples adapted from the Okabe-Ito palette, with varied marker shapes and line styles.",
+  styles: {
+    1: {
+      // blue (canonical #0072b2)
+      lineColor: "#0072b2",
+      markerColor: "#0072b2",
+      fillColor: "#0072b2",
+      highContrastColor: "#0072b2",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#0072b2",
+      markerColorDarkMode: "#0072b2",
+      fillColorDarkMode: "#0072b2",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      // vermillion (canonical #d55e00, darkened for text contrast)
+      lineColor: "#c15400",
+      markerColor: "#c15400",
+      fillColor: "#c15400",
+      textColor: "#c15400",
+      highContrastColor: "#c15400",
+      lineColorDarkMode: "#d55e00",
+      markerColorDarkMode: "#d55e00",
+      fillColorDarkMode: "#d55e00",
+      textColorDarkMode: "#d55e00",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      // bluish green (canonical #009e73)
+      lineColor: "#009e73",
+      markerColor: "#009e73",
+      fillColor: "#009e73",
+      textColor: "#008561",
+      highContrastColor: "#008561",
+      lineColorWord: "green",
+      markerColorWord: "green",
+      fillColorWord: "green",
+      textColorWord: "green",
+      highContrastColorWord: "green",
+      lineColorDarkMode: "#009e73",
+      markerColorDarkMode: "#009e73",
+      fillColorDarkMode: "#009e73",
+      textColorDarkMode: "#009e73",
+      lineColorWordDarkMode: "green",
+      markerColorWordDarkMode: "green",
+      fillColorWordDarkMode: "green",
+      textColorWordDarkMode: "green",
+      highContrastColorWordDarkMode: "green",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      // reddish purple (canonical #cc79a7)
+      lineColor: "#cc79a7",
+      markerColor: "#cc79a7",
+      fillColor: "#cc79a7",
+      textColor: "#a35f85",
+      highContrastColor: "#a35f85",
+      lineColorWord: "purple",
+      markerColorWord: "purple",
+      fillColorWord: "purple",
+      textColorWord: "purple",
+      highContrastColorWord: "purple",
+      lineColorDarkMode: "#cc79a7",
+      markerColorDarkMode: "#cc79a7",
+      fillColorDarkMode: "#cc79a7",
+      textColorDarkMode: "#cc79a7",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      // black (canonical #000000; inverted to white in dark mode)
+      lineColor: "#000000",
+      markerColor: "#000000",
+      fillColor: "#000000",
+      textColor: "#000000",
+      highContrastColor: "#000000",
+      lineColorDarkMode: "#ffffff",
+      markerColorDarkMode: "#ffffff",
+      fillColorDarkMode: "#ffffff",
+      textColorDarkMode: "#ffffff",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      // yellow (canonical #f0e442, darkened to olive in light mode)
+      lineColor: "#5a5513",
+      markerColor: "#5a5513",
+      fillColor: "#5a5513",
+      textColor: "#5a5513",
+      highContrastColor: "#5a5513",
+      lineColorWord: "olive",
+      markerColorWord: "olive",
+      fillColorWord: "olive",
+      textColorWord: "olive",
+      highContrastColorWord: "olive",
+      lineColorDarkMode: "#f0e442",
+      markerColorDarkMode: "#f0e442",
+      fillColorDarkMode: "#f0e442",
+      textColorDarkMode: "#f0e442",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    },
+    7: {
+      // sky blue (canonical #56b4e9, darkened for light mode)
+      lineColor: "#499bca",
+      markerColor: "#499bca",
+      fillColor: "#499bca",
+      textColor: "#397ba1",
+      highContrastColor: "#397ba1",
+      lineColorWord: "skyblue",
+      markerColorWord: "skyblue",
+      fillColorWord: "skyblue",
+      textColorWord: "skyblue",
+      highContrastColorWord: "skyblue",
+      lineColorDarkMode: "#56b4e9",
+      markerColorDarkMode: "#56b4e9",
+      fillColorDarkMode: "#56b4e9",
+      textColorDarkMode: "#56b4e9",
+      lineColorWordDarkMode: "skyblue",
+      markerColorWordDarkMode: "skyblue",
+      fillColorWordDarkMode: "skyblue",
+      textColorWordDarkMode: "skyblue",
+      highContrastColorWordDarkMode: "skyblue",
+      lineWidth: 3,
+      lineStyle: "dashed",
+      markerStyle: "triangleRight"
+    },
+    8: {
+      // orange (canonical #e69f00, darkened for light mode)
+      lineColor: "#c58700",
+      markerColor: "#c58700",
+      fillColor: "#c58700",
+      textColor: "#9d6b00",
+      highContrastColor: "#9d6b00",
+      lineColorWord: "goldenrod",
+      markerColorWord: "goldenrod",
+      fillColorWord: "goldenrod",
+      textColorWord: "goldenrod",
+      highContrastColorWord: "goldenrod",
+      lineColorDarkMode: "#e69f00",
+      markerColorDarkMode: "#e69f00",
+      fillColorDarkMode: "#e69f00",
+      textColorDarkMode: "#e69f00",
+      lineColorWordDarkMode: "goldenrod",
+      markerColorWordDarkMode: "goldenrod",
+      fillColorWordDarkMode: "goldenrod",
+      textColorWordDarkMode: "goldenrod",
+      highContrastColorWordDarkMode: "goldenrod",
+      lineWidth: 1,
+      lineStyle: "dotted",
+      markerStyle: "circle"
+    }
+  }
+};
+const tolBrightPalette = {
+  name: "tolbright",
+  description: "Colorblind-friendly bright blues, reds, greens, and purples from Paul Tol's bright palette, with varied marker shapes and line styles.",
+  styles: {
+    1: {
+      lineColor: "#4477aa",
+      markerColor: "#4477aa",
+      fillColor: "#4477aa",
+      highContrastColor: "#4477aa",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#4477aa",
+      markerColorDarkMode: "#4477aa",
+      fillColorDarkMode: "#4477aa",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#ee6677",
+      markerColor: "#ee6677",
+      fillColor: "#ee6677",
+      textColor: "#bf515e",
+      highContrastColor: "#bf515e",
+      lineColorWord: "red",
+      markerColorWord: "red",
+      fillColorWord: "red",
+      textColorWord: "red",
+      highContrastColorWord: "red",
+      lineColorDarkMode: "#ee6677",
+      markerColorDarkMode: "#ee6677",
+      fillColorDarkMode: "#ee6677",
+      textColorDarkMode: "#ee6677",
+      lineColorWordDarkMode: "red",
+      markerColorWordDarkMode: "red",
+      fillColorWordDarkMode: "red",
+      textColorWordDarkMode: "red",
+      highContrastColorWordDarkMode: "red",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#228833",
+      markerColor: "#228833",
+      fillColor: "#228833",
+      textColor: "#228833",
+      highContrastColor: "#228833",
+      lineColorDarkMode: "#228833",
+      markerColorDarkMode: "#228833",
+      fillColorDarkMode: "#228833",
+      textColorDarkMode: "#3d8e47",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#a29534",
+      markerColor: "#a29534",
+      fillColor: "#a29534",
+      textColor: "#817628",
+      highContrastColor: "#817628",
+      lineColorWord: "olive",
+      markerColorWord: "olive",
+      fillColorWord: "olive",
+      textColorWord: "olive",
+      highContrastColorWord: "olive",
+      lineColorDarkMode: "#ccbb44",
+      markerColorDarkMode: "#ccbb44",
+      fillColorDarkMode: "#ccbb44",
+      textColorDarkMode: "#ccbb44",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#4d9db8",
+      markerColor: "#4d9db8",
+      fillColor: "#4d9db8",
+      textColor: "#3c7d94",
+      highContrastColor: "#3c7d94",
+      lineColorWord: "cyan",
+      markerColorWord: "cyan",
+      fillColorWord: "cyan",
+      textColorWord: "cyan",
+      highContrastColorWord: "cyan",
+      lineColorDarkMode: "#66ccee",
+      markerColorDarkMode: "#66ccee",
+      fillColorDarkMode: "#66ccee",
+      textColorDarkMode: "#66ccee",
+      lineColorWordDarkMode: "cyan",
+      markerColorWordDarkMode: "cyan",
+      fillColorWordDarkMode: "cyan",
+      textColorWordDarkMode: "cyan",
+      highContrastColorWordDarkMode: "cyan",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      lineColor: "#aa3377",
+      markerColor: "#aa3377",
+      fillColor: "#aa3377",
+      textColor: "#aa3377",
+      highContrastColor: "#aa3377",
+      lineColorDarkMode: "#aa3377",
+      markerColorDarkMode: "#aa3377",
+      fillColorDarkMode: "#aa3377",
+      textColorDarkMode: "#b5648c",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    },
+    7: {
+      lineColor: "#939393",
+      markerColor: "#939393",
+      fillColor: "#939393",
+      textColor: "#757575",
+      highContrastColor: "#757575",
+      lineColorDarkMode: "#bbbbbb",
+      markerColorDarkMode: "#bbbbbb",
+      fillColorDarkMode: "#bbbbbb",
+      textColorDarkMode: "#bbbbbb",
+      lineWidth: 3,
+      lineStyle: "dashed",
+      markerStyle: "triangleRight"
+    }
+  }
+};
+const tolMutedPalette = {
+  name: "tolmuted",
+  description: "Nine colorblind-friendly muted styles from Paul Tol's muted palette, with varied marker shapes and line styles.",
+  styles: {
+    1: {
+      lineColor: "#332288",
+      markerColor: "#332288",
+      fillColor: "#332288",
+      highContrastColor: "#332288",
+      lineColorWord: "indigo",
+      markerColorWord: "indigo",
+      fillColorWord: "indigo",
+      highContrastColorWord: "indigo",
+      lineColorDarkMode: "#8a86e8",
+      markerColorDarkMode: "#8a86e8",
+      fillColorDarkMode: "#8a86e8",
+      lineColorWordDarkMode: "indigo",
+      markerColorWordDarkMode: "indigo",
+      fillColorWordDarkMode: "indigo",
+      highContrastColorWordDarkMode: "indigo",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#669ab5",
+      markerColor: "#669ab5",
+      fillColor: "#669ab5",
+      textColor: "#507a90",
+      highContrastColor: "#507a90",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      textColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#88ccee",
+      markerColorDarkMode: "#88ccee",
+      fillColorDarkMode: "#88ccee",
+      textColorDarkMode: "#88ccee",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      textColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#41a393",
+      markerColor: "#41a393",
+      fillColor: "#41a393",
+      textColor: "#328175",
+      highContrastColor: "#328175",
+      lineColorWord: "teal",
+      markerColorWord: "teal",
+      fillColorWord: "teal",
+      textColorWord: "teal",
+      highContrastColorWord: "teal",
+      lineColorDarkMode: "#44aa99",
+      markerColorDarkMode: "#44aa99",
+      fillColorDarkMode: "#44aa99",
+      textColorDarkMode: "#44aa99",
+      lineColorWordDarkMode: "teal",
+      markerColorWordDarkMode: "teal",
+      fillColorWordDarkMode: "teal",
+      textColorWordDarkMode: "teal",
+      highContrastColorWordDarkMode: "teal",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#117733",
+      markerColor: "#117733",
+      fillColor: "#117733",
+      textColor: "#117733",
+      highContrastColor: "#117733",
+      lineColorDarkMode: "#117733",
+      markerColorDarkMode: "#117733",
+      fillColorDarkMode: "#117733",
+      textColorDarkMode: "#548a5f",
+      textColorWordDarkMode: "green",
+      highContrastColorWordDarkMode: "green",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#989833",
+      markerColor: "#989833",
+      fillColor: "#989833",
+      textColor: "#787827",
+      highContrastColor: "#787827",
+      lineColorWord: "olive",
+      markerColorWord: "olive",
+      fillColorWord: "olive",
+      textColorWord: "olive",
+      highContrastColorWord: "olive",
+      lineColorDarkMode: "#999933",
+      markerColorDarkMode: "#999933",
+      fillColorDarkMode: "#999933",
+      textColorDarkMode: "#999933",
+      lineColorWordDarkMode: "olive",
+      markerColorWordDarkMode: "olive",
+      fillColorWordDarkMode: "olive",
+      textColorWordDarkMode: "olive",
+      highContrastColorWordDarkMode: "olive",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      lineColor: "#867c46",
+      markerColor: "#867c46",
+      fillColor: "#867c46",
+      textColor: "#7f7542",
+      highContrastColor: "#7f7542",
+      lineColorWord: "tan",
+      markerColorWord: "tan",
+      fillColorWord: "tan",
+      textColorWord: "tan",
+      highContrastColorWord: "tan",
+      lineColorDarkMode: "#ddcc77",
+      markerColorDarkMode: "#ddcc77",
+      fillColorDarkMode: "#ddcc77",
+      textColorDarkMode: "#ddcc77",
+      lineColorWordDarkMode: "tan",
+      markerColorWordDarkMode: "tan",
+      fillColorWordDarkMode: "tan",
+      textColorWordDarkMode: "tan",
+      highContrastColorWordDarkMode: "tan",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    },
+    7: {
+      lineColor: "#cc6677",
+      markerColor: "#cc6677",
+      fillColor: "#cc6677",
+      textColor: "#b35968",
+      highContrastColor: "#b35968",
+      lineColorWord: "pink",
+      markerColorWord: "pink",
+      fillColorWord: "pink",
+      textColorWord: "pink",
+      highContrastColorWord: "pink",
+      lineColorDarkMode: "#cc6677",
+      markerColorDarkMode: "#cc6677",
+      fillColorDarkMode: "#cc6677",
+      textColorDarkMode: "#cc6677",
+      lineColorWordDarkMode: "pink",
+      markerColorWordDarkMode: "pink",
+      fillColorWordDarkMode: "pink",
+      textColorWordDarkMode: "pink",
+      highContrastColorWordDarkMode: "pink",
+      lineWidth: 3,
+      lineStyle: "dashed",
+      markerStyle: "triangleRight"
+    },
+    8: {
+      lineColor: "#882255",
+      markerColor: "#882255",
+      fillColor: "#882255",
+      textColor: "#882255",
+      highContrastColor: "#882255",
+      lineColorWord: "maroon",
+      markerColorWord: "maroon",
+      fillColorWord: "maroon",
+      textColorWord: "maroon",
+      highContrastColorWord: "maroon",
+      lineColorDarkMode: "#924b69",
+      markerColorDarkMode: "#924b69",
+      fillColorDarkMode: "#924b69",
+      textColorDarkMode: "#a17083",
+      lineColorWordDarkMode: "maroon",
+      markerColorWordDarkMode: "maroon",
+      fillColorWordDarkMode: "maroon",
+      textColorWordDarkMode: "maroon",
+      highContrastColorWordDarkMode: "maroon",
+      lineWidth: 1,
+      lineStyle: "dotted",
+      markerStyle: "circle"
+    },
+    9: {
+      lineColor: "#aa4499",
+      markerColor: "#aa4499",
+      fillColor: "#aa4499",
+      textColor: "#aa4499",
+      highContrastColor: "#aa4499",
+      lineColorDarkMode: "#aa4499",
+      markerColorDarkMode: "#aa4499",
+      fillColorDarkMode: "#aa4499",
+      textColorDarkMode: "#b262a3",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      lineStyle: "dashed",
+      markerStyle: "square"
+    }
+  }
+};
+const tolHighContrastPalette = {
+  name: "tolhighcontrast",
+  description: "Four maximum-distinction styles from Paul Tol's high-contrast palette, distinguishable even in grayscale.",
+  styles: {
+    1: {
+      lineColor: "#004488",
+      markerColor: "#004488",
+      fillColor: "#004488",
+      highContrastColor: "#004488",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#496194",
+      markerColorDarkMode: "#496194",
+      fillColorDarkMode: "#496194",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#b88d29",
+      markerColor: "#b88d29",
+      fillColor: "#b88d29",
+      textColor: "#92701f",
+      highContrastColor: "#92701f",
+      lineColorWord: "gold",
+      markerColorWord: "gold",
+      fillColorWord: "gold",
+      textColorWord: "gold",
+      highContrastColorWord: "gold",
+      lineColorDarkMode: "#ddaa33",
+      markerColorDarkMode: "#ddaa33",
+      fillColorDarkMode: "#ddaa33",
+      textColorDarkMode: "#ddaa33",
+      lineColorWordDarkMode: "gold",
+      markerColorWordDarkMode: "gold",
+      fillColorWordDarkMode: "gold",
+      textColorWordDarkMode: "gold",
+      highContrastColorWordDarkMode: "gold",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#bb5566",
+      markerColor: "#bb5566",
+      fillColor: "#bb5566",
+      textColor: "#bb5566",
+      highContrastColor: "#bb5566",
+      lineColorDarkMode: "#c06976",
+      markerColorDarkMode: "#c06976",
+      fillColorDarkMode: "#c06976",
+      textColorDarkMode: "#c06976",
+      lineColorWordDarkMode: "red",
+      markerColorWordDarkMode: "red",
+      fillColorWordDarkMode: "red",
+      textColorWordDarkMode: "red",
+      highContrastColorWordDarkMode: "red",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#000000",
+      markerColor: "#000000",
+      fillColor: "#000000",
+      textColor: "#000000",
+      highContrastColor: "#000000",
+      lineColorDarkMode: "#ffffff",
+      markerColorDarkMode: "#ffffff",
+      fillColorDarkMode: "#ffffff",
+      textColorDarkMode: "#ffffff",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    }
+  }
+};
+const ibmPalette = {
+  name: "ibm",
+  description: "Five colorblind-friendly styles from the IBM Design Library accessible palette, with varied marker shapes.",
+  styles: {
+    1: {
+      lineColor: "#648fff",
+      markerColor: "#648fff",
+      fillColor: "#648fff",
+      highContrastColor: "#4f71cb",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#648fff",
+      markerColorDarkMode: "#648fff",
+      fillColorDarkMode: "#648fff",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#6a53d5",
+      markerColor: "#6a53d5",
+      fillColor: "#6a53d5",
+      textColor: "#6a53d5",
+      highContrastColor: "#6a53d5",
+      lineColorDarkMode: "#785ef0",
+      markerColorDarkMode: "#785ef0",
+      fillColorDarkMode: "#785ef0",
+      textColorDarkMode: "#7f69f0",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#dc267f",
+      markerColor: "#dc267f",
+      fillColor: "#dc267f",
+      textColor: "#dc267f",
+      highContrastColor: "#dc267f",
+      lineColorWord: "magenta",
+      markerColorWord: "magenta",
+      fillColorWord: "magenta",
+      textColorWord: "magenta",
+      highContrastColorWord: "magenta",
+      lineColorDarkMode: "#dc267f",
+      markerColorDarkMode: "#dc267f",
+      fillColorDarkMode: "#dc267f",
+      textColorDarkMode: "#dd4186",
+      lineColorWordDarkMode: "magenta",
+      markerColorWordDarkMode: "magenta",
+      fillColorWordDarkMode: "magenta",
+      textColorWordDarkMode: "magenta",
+      highContrastColorWordDarkMode: "magenta",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#fe6100",
+      markerColor: "#fe6100",
+      fillColor: "#fe6100",
+      textColor: "#cb4b00",
+      highContrastColor: "#cb4b00",
+      lineColorDarkMode: "#fe6100",
+      markerColorDarkMode: "#fe6100",
+      fillColorDarkMode: "#fe6100",
+      textColorDarkMode: "#fe6100",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#865a00",
+      markerColor: "#865a00",
+      fillColor: "#865a00",
+      textColor: "#865a00",
+      highContrastColor: "#865a00",
+      lineColorWord: "gold",
+      markerColorWord: "gold",
+      fillColorWord: "gold",
+      textColorWord: "gold",
+      highContrastColorWord: "gold",
+      lineColorDarkMode: "#ffb000",
+      markerColorDarkMode: "#ffb000",
+      fillColorDarkMode: "#ffb000",
+      textColorDarkMode: "#ffb000",
+      lineColorWordDarkMode: "gold",
+      markerColorWordDarkMode: "gold",
+      fillColorWordDarkMode: "gold",
+      textColorWordDarkMode: "gold",
+      highContrastColorWordDarkMode: "gold",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    }
+  }
+};
+const grayscalePalette = {
+  name: "grayscale",
+  description: "Four grays with maximum luminance separation, for readers who distinguish styles by lightness alone.",
+  styles: {
+    1: {
+      lineColor: "#000000",
+      markerColor: "#000000",
+      fillColor: "#000000",
+      highContrastColor: "#000000",
+      lineColorWord: "black",
+      markerColorWord: "black",
+      fillColorWord: "black",
+      highContrastColorWord: "black",
+      lineColorDarkMode: "#ffffff",
+      markerColorDarkMode: "#ffffff",
+      fillColorDarkMode: "#ffffff",
+      highContrastColorDarkMode: "#ffffff",
+      lineColorWordDarkMode: "white",
+      markerColorWordDarkMode: "white",
+      fillColorWordDarkMode: "white",
+      highContrastColorWordDarkMode: "white",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#323232",
+      markerColor: "#323232",
+      fillColor: "#323232",
+      textColor: "#323232",
+      highContrastColor: "#323232",
+      lineColorWord: "dark gray",
+      markerColorWord: "dark gray",
+      fillColorWord: "dark gray",
+      textColorWord: "dark gray",
+      highContrastColorWord: "dark gray",
+      lineColorDarkMode: "#c7c7c7",
+      markerColorDarkMode: "#c7c7c7",
+      fillColorDarkMode: "#c7c7c7",
+      textColorDarkMode: "#c7c7c7",
+      highContrastColorDarkMode: "#c7c7c7",
+      lineColorWordDarkMode: "light gray",
+      markerColorWordDarkMode: "light gray",
+      fillColorWordDarkMode: "light gray",
+      textColorWordDarkMode: "light gray",
+      highContrastColorWordDarkMode: "light gray",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#616161",
+      markerColor: "#616161",
+      fillColor: "#616161",
+      textColor: "#616161",
+      highContrastColor: "#616161",
+      lineColorWord: "gray",
+      markerColorWord: "gray",
+      fillColorWord: "gray",
+      textColorWord: "gray",
+      highContrastColorWord: "gray",
+      lineColorDarkMode: "#929292",
+      markerColorDarkMode: "#929292",
+      fillColorDarkMode: "#929292",
+      textColorDarkMode: "#929292",
+      highContrastColorDarkMode: "#929292",
+      lineColorWordDarkMode: "gray",
+      markerColorWordDarkMode: "gray",
+      fillColorWordDarkMode: "gray",
+      textColorWordDarkMode: "gray",
+      highContrastColorWordDarkMode: "gray",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#939393",
+      markerColor: "#939393",
+      fillColor: "#939393",
+      textColor: "#767676",
+      highContrastColor: "#767676",
+      lineColorWord: "light gray",
+      markerColorWord: "light gray",
+      fillColorWord: "light gray",
+      textColorWord: "light gray",
+      highContrastColorWord: "light gray",
+      lineColorDarkMode: "#626262",
+      markerColorDarkMode: "#626262",
+      fillColorDarkMode: "#626262",
+      textColorDarkMode: "#7d7d7d",
+      highContrastColorDarkMode: "#7d7d7d",
+      lineColorWordDarkMode: "dark gray",
+      markerColorWordDarkMode: "dark gray",
+      fillColorWordDarkMode: "dark gray",
+      textColorWordDarkMode: "dark gray",
+      highContrastColorWordDarkMode: "dark gray",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    }
+  }
+};
+const categoricalPalette = {
+  name: "categorical",
+  description: "Ten maximally varied hues adapted from the Category10 sequence, for documents needing many obviously distinct styles.",
+  styles: {
+    1: {
+      lineColor: "#1f77b4",
+      markerColor: "#1f77b4",
+      fillColor: "#1f77b4",
+      highContrastColor: "#1f77b4",
+      lineColorWord: "blue",
+      markerColorWord: "blue",
+      fillColorWord: "blue",
+      highContrastColorWord: "blue",
+      lineColorDarkMode: "#5ba3dd",
+      markerColorDarkMode: "#5ba3dd",
+      fillColorDarkMode: "#5ba3dd",
+      lineColorWordDarkMode: "blue",
+      markerColorWordDarkMode: "blue",
+      fillColorWordDarkMode: "blue",
+      highContrastColorWordDarkMode: "blue",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#e7730c",
+      markerColor: "#e7730c",
+      fillColor: "#e7730c",
+      textColor: "#b95b07",
+      highContrastColor: "#b95b07",
+      lineColorWord: "orange",
+      markerColorWord: "orange",
+      fillColorWord: "orange",
+      textColorWord: "orange",
+      highContrastColorWord: "orange",
+      lineColorDarkMode: "#ff9d3c",
+      markerColorDarkMode: "#ff9d3c",
+      fillColorDarkMode: "#ff9d3c",
+      textColorDarkMode: "#ff9d3c",
+      lineColorWordDarkMode: "orange",
+      markerColorWordDarkMode: "orange",
+      fillColorWordDarkMode: "orange",
+      textColorWordDarkMode: "orange",
+      highContrastColorWordDarkMode: "orange",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#217a21",
+      markerColor: "#217a21",
+      fillColor: "#217a21",
+      textColor: "#217a21",
+      highContrastColor: "#217a21",
+      lineColorWord: "green",
+      markerColorWord: "green",
+      fillColorWord: "green",
+      textColorWord: "green",
+      highContrastColorWord: "green",
+      lineColorDarkMode: "#2ca02c",
+      markerColorDarkMode: "#2ca02c",
+      fillColorDarkMode: "#2ca02c",
+      textColorDarkMode: "#2ca02c",
+      lineColorWordDarkMode: "green",
+      markerColorWordDarkMode: "green",
+      fillColorWordDarkMode: "green",
+      textColorWordDarkMode: "green",
+      highContrastColorWordDarkMode: "green",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#d62728",
+      markerColor: "#d62728",
+      fillColor: "#d62728",
+      textColor: "#d62728",
+      highContrastColor: "#d62728",
+      lineColorWord: "red",
+      markerColorWord: "red",
+      fillColorWord: "red",
+      textColorWord: "red",
+      highContrastColorWord: "red",
+      lineColorDarkMode: "#e2494a",
+      markerColorDarkMode: "#e2494a",
+      fillColorDarkMode: "#e2494a",
+      textColorDarkMode: "#e2494a",
+      lineColorWordDarkMode: "red",
+      markerColorWordDarkMode: "red",
+      fillColorWordDarkMode: "red",
+      textColorWordDarkMode: "red",
+      highContrastColorWordDarkMode: "red",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#9467bd",
+      markerColor: "#9467bd",
+      fillColor: "#9467bd",
+      textColor: "#8e62b5",
+      highContrastColor: "#8e62b5",
+      lineColorWord: "purple",
+      markerColorWord: "purple",
+      fillColorWord: "purple",
+      textColorWord: "purple",
+      highContrastColorWord: "purple",
+      lineColorDarkMode: "#b48fd6",
+      markerColorDarkMode: "#b48fd6",
+      fillColorDarkMode: "#b48fd6",
+      textColorDarkMode: "#b48fd6",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      lineColor: "#7a4a41",
+      markerColor: "#7a4a41",
+      fillColor: "#7a4a41",
+      textColor: "#7a4a41",
+      highContrastColor: "#7a4a41",
+      lineColorWord: "brown",
+      markerColorWord: "brown",
+      fillColorWord: "brown",
+      textColorWord: "brown",
+      highContrastColorWord: "brown",
+      lineColorDarkMode: "#a9705f",
+      markerColorDarkMode: "#a9705f",
+      fillColorDarkMode: "#a9705f",
+      textColorDarkMode: "#a9705f",
+      lineColorWordDarkMode: "brown",
+      markerColorWordDarkMode: "brown",
+      fillColorWordDarkMode: "brown",
+      textColorWordDarkMode: "brown",
+      highContrastColorWordDarkMode: "brown",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    },
+    7: {
+      lineColor: "#d670b7",
+      markerColor: "#d670b7",
+      fillColor: "#d670b7",
+      textColor: "#ab5892",
+      highContrastColor: "#ab5892",
+      lineColorWord: "pink",
+      markerColorWord: "pink",
+      fillColorWord: "pink",
+      textColorWord: "pink",
+      highContrastColorWord: "pink",
+      lineColorDarkMode: "#e377c2",
+      markerColorDarkMode: "#e377c2",
+      fillColorDarkMode: "#e377c2",
+      textColorDarkMode: "#e377c2",
+      lineColorWordDarkMode: "pink",
+      markerColorWordDarkMode: "pink",
+      fillColorWordDarkMode: "pink",
+      textColorWordDarkMode: "pink",
+      highContrastColorWordDarkMode: "pink",
+      lineWidth: 3,
+      lineStyle: "dashed",
+      markerStyle: "triangleRight"
+    },
+    8: {
+      lineColor: "#7f7f7f",
+      markerColor: "#7f7f7f",
+      fillColor: "#7f7f7f",
+      textColor: "#757575",
+      highContrastColor: "#757575",
+      lineColorWord: "gray",
+      markerColorWord: "gray",
+      fillColorWord: "gray",
+      textColorWord: "gray",
+      highContrastColorWord: "gray",
+      lineColorDarkMode: "#a8a8a8",
+      markerColorDarkMode: "#a8a8a8",
+      fillColorDarkMode: "#a8a8a8",
+      textColorDarkMode: "#a8a8a8",
+      lineColorWordDarkMode: "gray",
+      markerColorWordDarkMode: "gray",
+      fillColorWordDarkMode: "gray",
+      textColorWordDarkMode: "gray",
+      highContrastColorWordDarkMode: "gray",
+      lineWidth: 1,
+      lineStyle: "dotted",
+      markerStyle: "circle"
+    },
+    9: {
+      lineColor: "#6e6e12",
+      markerColor: "#6e6e12",
+      fillColor: "#6e6e12",
+      textColor: "#6e6e12",
+      highContrastColor: "#6e6e12",
+      lineColorWord: "olive",
+      markerColorWord: "olive",
+      fillColorWord: "olive",
+      textColorWord: "olive",
+      highContrastColorWord: "olive",
+      lineColorDarkMode: "#bcbd22",
+      markerColorDarkMode: "#bcbd22",
+      fillColorDarkMode: "#bcbd22",
+      textColorDarkMode: "#bcbd22",
+      lineColorWordDarkMode: "olive",
+      markerColorWordDarkMode: "olive",
+      fillColorWordDarkMode: "olive",
+      textColorWordDarkMode: "olive",
+      highContrastColorWordDarkMode: "olive",
+      lineWidth: 2,
+      lineStyle: "dashed",
+      markerStyle: "square"
+    },
+    10: {
+      lineColor: "#12a2b1",
+      markerColor: "#12a2b1",
+      fillColor: "#12a2b1",
+      textColor: "#0c818e",
+      highContrastColor: "#0c818e",
+      lineColorWord: "cyan",
+      markerColorWord: "cyan",
+      fillColorWord: "cyan",
+      textColorWord: "cyan",
+      highContrastColorWord: "cyan",
+      lineColorDarkMode: "#17becf",
+      markerColorDarkMode: "#17becf",
+      fillColorDarkMode: "#17becf",
+      textColorDarkMode: "#17becf",
+      lineColorWordDarkMode: "cyan",
+      markerColorWordDarkMode: "cyan",
+      fillColorWordDarkMode: "cyan",
+      textColorWordDarkMode: "cyan",
+      highContrastColorWordDarkMode: "cyan",
+      lineWidth: 2,
+      lineStyle: "dotted",
+      markerStyle: "diamond"
+    }
+  }
+};
+const grumpyNarwhalPalette = {
+  name: "grumpynarwhal",
+  description: "Six saturated hues — burnt orange, forest green, deep pink, arctic teal, gold, and purple — going neon in dark mode.",
+  styles: {
+    1: {
+      lineColor: "#b34700",
+      markerColor: "#b34700",
+      fillColor: "#b34700",
+      highContrastColor: "#b34700",
+      lineColorWord: "orange",
+      markerColorWord: "orange",
+      fillColorWord: "orange",
+      highContrastColorWord: "orange",
+      lineColorDarkMode: "#ff5f00",
+      markerColorDarkMode: "#ff5f00",
+      fillColorDarkMode: "#ff5f00",
+      lineColorWordDarkMode: "orange",
+      markerColorWordDarkMode: "orange",
+      fillColorWordDarkMode: "orange",
+      highContrastColorWordDarkMode: "orange",
+      lineWidth: 4,
+      markerStyle: "circle"
+    },
+    2: {
+      lineColor: "#1b7a1b",
+      markerColor: "#1b7a1b",
+      fillColor: "#1b7a1b",
+      textColor: "#1b7a1b",
+      highContrastColor: "#1b7a1b",
+      lineColorWord: "green",
+      markerColorWord: "green",
+      fillColorWord: "green",
+      textColorWord: "green",
+      highContrastColorWord: "green",
+      lineColorDarkMode: "#39ff14",
+      markerColorDarkMode: "#39ff14",
+      fillColorDarkMode: "#39ff14",
+      textColorDarkMode: "#39ff14",
+      lineColorWordDarkMode: "green",
+      markerColorWordDarkMode: "green",
+      fillColorWordDarkMode: "green",
+      textColorWordDarkMode: "green",
+      highContrastColorWordDarkMode: "green",
+      lineWidth: 2,
+      markerStyle: "square"
+    },
+    3: {
+      lineColor: "#c20e67",
+      markerColor: "#c20e67",
+      fillColor: "#c20e67",
+      textColor: "#c20e67",
+      highContrastColor: "#c20e67",
+      lineColorWord: "pink",
+      markerColorWord: "pink",
+      fillColorWord: "pink",
+      textColorWord: "pink",
+      highContrastColorWord: "pink",
+      lineColorDarkMode: "#ff1493",
+      markerColorDarkMode: "#ff1493",
+      fillColorDarkMode: "#ff1493",
+      textColorDarkMode: "#ff1493",
+      lineColorWordDarkMode: "pink",
+      markerColorWordDarkMode: "pink",
+      fillColorWordDarkMode: "pink",
+      textColorWordDarkMode: "pink",
+      highContrastColorWordDarkMode: "pink",
+      lineWidth: 3,
+      markerStyle: "triangle"
+    },
+    4: {
+      lineColor: "#007a8c",
+      markerColor: "#007a8c",
+      fillColor: "#007a8c",
+      textColor: "#007a8c",
+      highContrastColor: "#007a8c",
+      lineColorWord: "teal",
+      markerColorWord: "teal",
+      fillColorWord: "teal",
+      textColorWord: "teal",
+      highContrastColorWord: "teal",
+      lineColorDarkMode: "#00e5ff",
+      markerColorDarkMode: "#00e5ff",
+      fillColorDarkMode: "#00e5ff",
+      textColorDarkMode: "#00e5ff",
+      lineColorWordDarkMode: "cyan",
+      markerColorWordDarkMode: "cyan",
+      fillColorWordDarkMode: "cyan",
+      textColorWordDarkMode: "cyan",
+      highContrastColorWordDarkMode: "cyan",
+      lineWidth: 2,
+      markerStyle: "diamond"
+    },
+    5: {
+      lineColor: "#8a6d00",
+      markerColor: "#8a6d00",
+      fillColor: "#8a6d00",
+      textColor: "#8a6d00",
+      highContrastColor: "#8a6d00",
+      lineColorWord: "gold",
+      markerColorWord: "gold",
+      fillColorWord: "gold",
+      textColorWord: "gold",
+      highContrastColorWord: "gold",
+      lineColorDarkMode: "#ffea00",
+      markerColorDarkMode: "#ffea00",
+      fillColorDarkMode: "#ffea00",
+      textColorDarkMode: "#ffea00",
+      lineColorWordDarkMode: "yellow",
+      markerColorWordDarkMode: "yellow",
+      fillColorWordDarkMode: "yellow",
+      textColorWordDarkMode: "yellow",
+      highContrastColorWordDarkMode: "yellow",
+      lineWidth: 2,
+      markerStyle: "triangleDown"
+    },
+    6: {
+      // Contributed as the same purple in both modes; on Doenet's
+      // lighter dark canvas that lands at 4.07:1, so the dark text
+      // variant is lightened to clear 4.5:1 while lines and markers
+      // keep the contributed color.
+      lineColor: "#b026ff",
+      markerColor: "#b026ff",
+      fillColor: "#b026ff",
+      textColor: "#b026ff",
+      highContrastColor: "#b026ff",
+      lineColorWord: "purple",
+      markerColorWord: "purple",
+      fillColorWord: "purple",
+      textColorWord: "purple",
+      highContrastColorWord: "purple",
+      lineColorDarkMode: "#b026ff",
+      markerColorDarkMode: "#b026ff",
+      fillColorDarkMode: "#b026ff",
+      textColorDarkMode: "#b445ff",
+      highContrastColorDarkMode: "#b445ff",
+      lineColorWordDarkMode: "purple",
+      markerColorWordDarkMode: "purple",
+      fillColorWordDarkMode: "purple",
+      textColorWordDarkMode: "purple",
+      highContrastColorWordDarkMode: "purple",
+      lineWidth: 2,
+      markerStyle: "triangleLeft"
+    }
+  }
+};
+function deepFreezePalette(palette) {
+  for (const styleDef of Object.values(palette.styles)) {
+    for (const value of Object.values(styleDef)) {
+      if (typeof value === "object" && value !== null) {
+        Object.freeze(value);
+      }
+    }
+    Object.freeze(styleDef);
+  }
+  Object.freeze(palette.styles);
+  return Object.freeze(palette);
+}
+const STYLE_PALETTES = Object.assign(
+  /* @__PURE__ */ Object.create(null),
+  {
+    [defaultPalette.name]: deepFreezePalette(defaultPalette),
+    [okabeItoPalette.name]: deepFreezePalette(okabeItoPalette),
+    [tolBrightPalette.name]: deepFreezePalette(tolBrightPalette),
+    [tolMutedPalette.name]: deepFreezePalette(tolMutedPalette),
+    [tolHighContrastPalette.name]: deepFreezePalette(
+      tolHighContrastPalette
+    ),
+    [ibmPalette.name]: deepFreezePalette(ibmPalette),
+    [grayscalePalette.name]: deepFreezePalette(grayscalePalette),
+    [categoricalPalette.name]: deepFreezePalette(categoricalPalette),
+    [grumpyNarwhalPalette.name]: deepFreezePalette(grumpyNarwhalPalette)
+  }
+);
+Object.freeze(STYLE_PALETTES);
+defaultPalette.name;
+Object.freeze(
+  Object.keys(STYLE_PALETTES)
+);
 var r = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) }, t$1 = function(r2) {
   return "string" == typeof r2 ? r2.length > 0 : "number" == typeof r2;
 }, n = function(r2, t222, n2) {
@@ -38932,146 +41417,6 @@ function namesPlugin(e2, f2) {
   }, "name"]);
 }
 k([a11yPlugin, namesPlugin]);
-const defaultPalette = {
-  name: "default",
-  description: "The standard Doenet styles: blue, red, brown, purple, black, and gray.",
-  styles: {
-    1: { ...DEFAULT_STYLE_VALUES },
-    2: {
-      lineColor: "#D4042D",
-      lineColorDarkMode: "#F1466A",
-      lineOpacity: 0.7,
-      lineWidth: 2,
-      lineWidthWord: "",
-      lineStyle: "solid",
-      lineStyleWord: "",
-      markerColor: "#D4042D",
-      markerColorDarkMode: "#F1466A",
-      markerOpacity: 0.7,
-      markerStyle: "square",
-      markerStyleWord: "square",
-      markerSize: 5,
-      fillColor: "#D4042D",
-      fillColorDarkMode: "#F1466A",
-      fillOpacity: 0.3,
-      textColor: "#D4042D",
-      textColorDarkMode: "#FF7A7A",
-      highContrastColor: "#D4042D",
-      highContrastColorDarkMode: "#FF7A7A"
-    },
-    3: {
-      lineColor: "#a6510c",
-      lineColorDarkMode: "#F19143",
-      lineOpacity: 0.7,
-      lineWidth: 3,
-      lineWidthWord: "",
-      lineStyle: "solid",
-      lineStyleWord: "",
-      markerColor: "#a6510c",
-      markerColorDarkMode: "#F19143",
-      markerOpacity: 0.7,
-      markerStyle: "triangle",
-      markerStyleWord: "triangle",
-      markerSize: 5,
-      fillColor: "#a6510c",
-      fillColorDarkMode: "#F19143",
-      fillOpacity: 0.3,
-      textColor: "#BE5A0E",
-      textColorDarkMode: "#FFA94D",
-      highContrastColor: "#BE5A0E",
-      highContrastColorDarkMode: "#FFA94D"
-    },
-    4: {
-      lineColor: "#644CD6",
-      lineColorDarkMode: "#9F8FE8",
-      lineOpacity: 0.7,
-      lineWidth: 2,
-      lineWidthWord: "",
-      lineStyle: "solid",
-      lineStyleWord: "",
-      markerColor: "#644CD6",
-      markerColorDarkMode: "#9F8FE8",
-      markerOpacity: 0.7,
-      markerStyle: "diamond",
-      markerStyleWord: "diamond",
-      markerSize: 5,
-      fillColor: "#644CD6",
-      fillColorDarkMode: "#9F8FE8",
-      fillOpacity: 0.3,
-      textColor: "#644CD6",
-      textColorDarkMode: "#B0A4EE",
-      highContrastColor: "#644CD6",
-      highContrastColorDarkMode: "#B0A4EE"
-    },
-    5: {
-      lineColor: "black",
-      lineColorDarkMode: "white",
-      lineOpacity: 1,
-      lineWidth: 1,
-      lineWidthWord: "thin",
-      lineStyle: "solid",
-      lineStyleWord: "",
-      markerColor: "black",
-      markerColorDarkMode: "white",
-      markerOpacity: 1,
-      markerStyle: "circle",
-      markerStyleWord: "point",
-      markerSize: 5,
-      fillColor: "black",
-      fillColorDarkMode: "white",
-      fillOpacity: 0.7,
-      textColor: "black",
-      textColorDarkMode: "white",
-      highContrastColor: "black",
-      highContrastColorDarkMode: "white"
-    },
-    6: {
-      lineColor: "#636363",
-      lineColorDarkMode: "#CCCCCC",
-      lineOpacity: 0.7,
-      lineWidth: 1,
-      lineWidthWord: "thin",
-      lineStyle: "dotted",
-      lineStyleWord: "dotted",
-      markerColor: "#636363",
-      markerColorDarkMode: "#CCCCCC",
-      markerOpacity: 0.7,
-      markerStyle: "circle",
-      markerStyleWord: "point",
-      markerSize: 5,
-      fillColor: "#636363",
-      fillColorDarkMode: "#CCCCCC",
-      fillOpacity: 0.3,
-      textColor: "#757575",
-      textColorDarkMode: "#B0B0B0",
-      highContrastColor: "#757575",
-      highContrastColorDarkMode: "#B0B0B0"
-    }
-  }
-};
-function deepFreezePalette(palette) {
-  for (const styleDef of Object.values(palette.styles)) {
-    for (const value of Object.values(styleDef)) {
-      if (typeof value === "object" && value !== null) {
-        Object.freeze(value);
-      }
-    }
-    Object.freeze(styleDef);
-  }
-  Object.freeze(palette.styles);
-  return Object.freeze(palette);
-}
-const STYLE_PALETTES = Object.assign(
-  /* @__PURE__ */ Object.create(null),
-  {
-    [defaultPalette.name]: deepFreezePalette(defaultPalette)
-  }
-);
-Object.freeze(STYLE_PALETTES);
-defaultPalette.name;
-Object.freeze(
-  Object.keys(STYLE_PALETTES)
-);
 let styleAttributes = {
   lineColor: {
     componentType: "text",
@@ -39349,6 +41694,7 @@ for (const [category, group2] of Object.entries(STYLE_OVERRIDE_CATEGORIES)) {
     }
   }
 }
+Object.entries(styleAttributes).filter(([, spec]) => spec.toLowerCase).map(([key]) => key);
 var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __esmMin = (t4, n2) => () => (t4 && (n2 = t4(t4 = 0)), n2), __commonJSMin = (t4, n2) => () => (n2 || (t4((n2 = { exports: {} }).exports, n2), t4 = null), n2.exports), __exportAll = (t4, n2) => {
   let r2 = {};
   for (var i2 in t4) __defProp(r2, i2, { get: t4[i2], enumerable: true });
@@ -63743,7 +66089,7 @@ function ExternalVirtualKeyboard({
     }
   );
 }
-const version = "0.7.21-dev.350";
+const version = "0.7.21-dev.351";
 const latestDoenetmlVersion = version;
 function subscribeToPinnedTheme() {
   return () => {