@almadar/ui 6.53.1 → 6.55.0

package/themes/atelier.css

@@ -38,6 +38,21 @@
     --color-info: #1f51ff;
     --color-info-foreground: #fafaf7;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #6d2bb0;
+    --color-series-2: #cf4813;
+    --color-series-3: #0f766e;
+    --color-series-4: #8446f8;
+    --color-series-5: #dd783c;
+    --color-series-6: #be185d;
+    --color-series-7: #618305;
+    --color-series-8: #52525b;
+    --color-diagram-ink: #0a0a0a;
+    --color-diagram-label: #27272a;
+    --color-diagram-guide: #8a8a8a;
+    --color-diagram-axis: #52525b;
+    --color-diagram-grid: #e5e4de;
+    --color-diagram-highlight: #1a3db8;
+    --color-diagram-fill: #ffffff;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 12px;
@@ -185,6 +200,32 @@
     --corner-shape-pill: squircle;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.12;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: line;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 2px;
+    --material-roughness: 0.85;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 0.8;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }
 
 [data-theme="atelier-dark"] {
@@ -221,6 +262,21 @@
     --color-info: #5b7fff;
     --color-info-foreground: #0d0d0d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #416cca;
+    --color-series-2: #db531b;
+    --color-series-3: #1b8e85;
+    --color-series-4: #9464e7;
+    --color-series-5: #d67820;
+    --color-series-6: #ce3d89;
+    --color-series-7: #5a8b19;
+    --color-series-8: #777681;
+    --color-diagram-ink: #fafafa;
+    --color-diagram-label: #d4d4d4;
+    --color-diagram-guide: #808080;
+    --color-diagram-axis: #a3a3a3;
+    --color-diagram-grid: #2a2a2a;
+    --color-diagram-highlight: #7088f0;
+    --color-diagram-fill: #141414;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 12px;
@@ -368,4 +424,30 @@
     --corner-shape-pill: squircle;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.12;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: line;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 2px;
+    --material-roughness: 0.85;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 0.8;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }

package/themes/bauhaus.css

@@ -38,6 +38,21 @@
     --color-info: #0f4fa8;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #fd5437;
+    --color-series-2: #0f4fa8;
+    --color-series-3: #a67c00;
+    --color-series-4: #000a22;
+    --color-series-5: #51933a;
+    --color-series-6: #c8500a;
+    --color-series-7: #747474;
+    --color-series-8: #6a2c91;
+    --color-diagram-ink: #111111;
+    --color-diagram-label: #111111;
+    --color-diagram-guide: #6b6b6b;
+    --color-diagram-axis: #111111;
+    --color-diagram-grid: #cfcabd;
+    --color-diagram-highlight: #e7384c;
+    --color-diagram-fill: #0f4fa8;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -184,6 +199,32 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 3px;
+    --diagram-stroke-normal: 5px;
+    --diagram-stroke-bold: 8px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 10 6;
+    --diagram-dot: 1 6;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.35;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 3px 3px 0 #111111;
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 1;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }
 
 [data-theme="bauhaus-dark"] {
@@ -220,6 +261,21 @@
     --color-info: #5b96ee;
     --color-info-foreground: #04132b;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #d14c61;
+    --color-series-2: #4084e2;
+    --color-series-3: #a67e0b;
+    --color-series-4: #848484;
+    --color-series-5: #1d9a4f;
+    --color-series-6: #d85f19;
+    --color-series-7: #5e8da2;
+    --color-series-8: #a66dca;
+    --color-diagram-ink: #fcf2c4;
+    --color-diagram-label: #f4f1e8;
+    --color-diagram-guide: #8a8780;
+    --color-diagram-axis: #c8c4b8;
+    --color-diagram-grid: #333333;
+    --color-diagram-highlight: #e7ea41;
+    --color-diagram-fill: #ff5a5f;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -366,4 +422,30 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 3px;
+    --diagram-stroke-normal: 5px;
+    --diagram-stroke-bold: 8px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 10 6;
+    --diagram-dot: 1 6;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.35;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 3px 3px 0 #111111;
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 1;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }

package/themes/bloomberg-dense.css

@@ -29,7 +29,7 @@
     --color-surface-hover: #e1e7f0;
     --color-border-hover: #aab8cd;
     --color-placeholder: #6b7a96;
-    --color-error: #c2410c;
+    --color-error: #b91c1c;
     --color-error-foreground: #ffffff;
     --color-success: #047857;
     --color-success-foreground: #ffffff;
@@ -38,6 +38,21 @@
     --color-info: #0e7490;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #163265;
+    --color-series-2: #e55c32;
+    --color-series-3: #0e7490;
+    --color-series-4: #7c3aed;
+    --color-series-5: #db2777;
+    --color-series-6: #4d7c0f;
+    --color-series-7: #a67d14;
+    --color-series-8: #0e6fb8;
+    --color-diagram-ink: #0c1424;
+    --color-diagram-label: #2a3a58;
+    --color-diagram-guide: #8895ad;
+    --color-diagram-axis: #475a7a;
+    --color-diagram-grid: #e1e7f1;
+    --color-diagram-highlight: #cc7511;
+    --color-diagram-fill: #1e3a6e;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 1px;
@@ -185,6 +200,32 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 0.75px;
+    --diagram-stroke-normal: 1px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 3 2;
+    --diagram-dot: 1 2;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.15;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 500;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 0.9;
+    --material-metalness: 0.05;
+    --material-flat: 1;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 0.8;
+    --light-key-color: #f0f6ff;
+    --scene-fog: 0;
 }
 
 [data-theme="bloomberg-dense-dark"] {
@@ -221,6 +262,21 @@
     --color-info: #38bdf8;
     --color-info-foreground: #061318;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #587fc8;
+    --color-series-2: #ca6417;
+    --color-series-3: #1b8cab;
+    --color-series-4: #9464e7;
+    --color-series-5: #d74f8b;
+    --color-series-6: #5d8f1a;
+    --color-series-7: #ae7504;
+    --color-series-8: #4b9fe8;
+    --color-diagram-ink: #e6edf7;
+    --color-diagram-label: #b8c4d8;
+    --color-diagram-guide: #6a7a96;
+    --color-diagram-axis: #8a9ab6;
+    --color-diagram-grid: #1e2a42;
+    --color-diagram-highlight: #f19721;
+    --color-diagram-fill: #5ab0d8;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 1px;
@@ -368,4 +424,30 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 0.75px;
+    --diagram-stroke-normal: 1px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 3 2;
+    --diagram-dot: 1 2;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.15;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 500;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 0.9;
+    --material-metalness: 0.05;
+    --material-flat: 1;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 0.8;
+    --light-key-color: #f0f6ff;
+    --scene-fog: 0;
 }

package/themes/blueprint.css

@@ -38,6 +38,21 @@
     --color-info: #1a4a8a;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #b3c4ca;
+    --color-series-2: #7fe3ff;
+    --color-series-3: #c6ac2f;
+    --color-series-4: #8ff0b0;
+    --color-series-5: #ffa3a3;
+    --color-series-6: #d2b4ff;
+    --color-series-7: #ffb36b;
+    --color-series-8: #ff9ed2;
+    --color-diagram-ink: #e8f3ff;
+    --color-diagram-label: #cfe6ff;
+    --color-diagram-guide: #7fb2e8;
+    --color-diagram-axis: #a9cdf5;
+    --color-diagram-grid: #3a6aa8;
+    --color-diagram-highlight: #fafa53;
+    --color-diagram-fill: #cfe6ff;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -186,6 +201,33 @@
     --border-style-interactive: dashed;
     --surface-page-image: linear-gradient(rgba(26, 74, 138, 0.14) 1px, transparent 1px), linear-gradient(90deg, rgba(26, 74, 138, 0.14) 1px, transparent 1px), linear-gradient(rgba(26, 74, 138, 0.26) 1px, transparent 1px), linear-gradient(90deg, rgba(26, 74, 138, 0.26) 1px, transparent 1px);
     --surface-page-image-size: 8px 8px, 8px 8px, 40px 40px, 40px 40px;
+    --surface-diagram: #1a4a8a;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2.5px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 10 4;
+    --diagram-dot: 2 4;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.12;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 1;
+    --light-ambient: 0.7;
+    --light-key: 0.9;
+    --light-key-color: #cfe6ff;
+    --scene-fog: 0;
 }
 
 [data-theme="blueprint-dark"] {
@@ -222,6 +264,21 @@
     --color-info: #7fe3ff;
     --color-info-foreground: #0e2f5e;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #b2c5c3;
+    --color-series-2: #7fe3ff;
+    --color-series-3: #c6ac2f;
+    --color-series-4: #68c88b;
+    --color-series-5: #f9a2c3;
+    --color-series-6: #d2b4ff;
+    --color-series-7: #ffb36b;
+    --color-series-8: #fc87e5;
+    --color-diagram-ink: #eafdfb;
+    --color-diagram-label: #cfe6ff;
+    --color-diagram-guide: #7fb2e8;
+    --color-diagram-axis: #a9cdf5;
+    --color-diagram-grid: #3a6aa8;
+    --color-diagram-highlight: #fafa53;
+    --color-diagram-fill: #cfe6ff;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -370,4 +427,31 @@
     --border-style-interactive: dashed;
     --surface-page-image: linear-gradient(rgba(207, 230, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(207, 230, 255, 0.12) 1px, transparent 1px), linear-gradient(rgba(207, 230, 255, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(207, 230, 255, 0.3) 1px, transparent 1px);
     --surface-page-image-size: 8px 8px, 8px 8px, 40px 40px, 40px 40px;
+    --surface-diagram: #143f7c;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2.5px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 10 4;
+    --diagram-dot: 2 4;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.12;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 1;
+    --light-ambient: 0.7;
+    --light-key: 0.9;
+    --light-key-color: #cfe6ff;
+    --scene-fog: 0;
 }

package/themes/clay.css

@@ -32,6 +32,21 @@
     --color-info: #3f6fd1;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #9a55c4;
+    --color-series-2: #dc5b56;
+    --color-series-3: #229d8a;
+    --color-series-4: #d6457a;
+    --color-series-5: #3b82c4;
+    --color-series-6: #a87a0a;
+    --color-series-7: #5b55c4;
+    --color-series-8: #8a5a4a;
+    --color-diagram-ink: #4a3250;
+    --color-diagram-label: #3d2c3a;
+    --color-diagram-guide: #a898ac;
+    --color-diagram-axis: #6e5a76;
+    --color-diagram-grid: #eadfe6;
+    --color-diagram-highlight: #d9622b;
+    --color-diagram-fill: #b97fd8;
     --radius-none: 0px;
     --radius-sm: 16px;
     --radius-md: 22px;
@@ -178,6 +193,32 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 2px;
+    --diagram-stroke-normal: 3px;
+    --diagram-stroke-bold: 5px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 2 6;
+    --diagram-dot: 0.1 6;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 6px 12px rgba(93, 62, 110, 0.25);
+    --diagram-marker: dot;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 14px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.75;
+    --light-key: 0.8;
+    --light-key-color: #fff1e0;
+    --scene-fog: 0.1;
 }
 
 [data-theme="clay-dark"] {
@@ -208,6 +249,21 @@
     --color-info: #9ab8f0;
     --color-info-foreground: #0f1f3d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #ad7ccb;
+    --color-series-2: #d4754a;
+    --color-series-3: #2ea380;
+    --color-series-4: #cc658b;
+    --color-series-5: #5e93c5;
+    --color-series-6: #b58716;
+    --color-series-7: #969ce5;
+    --color-series-8: #b18779;
+    --color-diagram-ink: #f3e9f2;
+    --color-diagram-label: #dccbdc;
+    --color-diagram-guide: #9a86a4;
+    --color-diagram-axis: #b8a4c0;
+    --color-diagram-grid: #46385a;
+    --color-diagram-highlight: #f0ab82;
+    --color-diagram-fill: #cf9ce8;
     --radius-none: 0px;
     --radius-sm: 16px;
     --radius-md: 22px;
@@ -354,4 +410,30 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 2px;
+    --diagram-stroke-normal: 3px;
+    --diagram-stroke-bold: 5px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 2 6;
+    --diagram-dot: 0.1 6;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 6px 12px rgba(93, 62, 110, 0.25);
+    --diagram-marker: dot;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 14px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.75;
+    --light-key: 0.8;
+    --light-key-color: #fff1e0;
+    --scene-fog: 0.1;
 }

package/themes/comic.css

@@ -38,6 +38,21 @@
     --color-info: #2f6fed;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #e15325;
+    --color-series-2: #1d5bbf;
+    --color-series-3: #b87400;
+    --color-series-4: #156a18;
+    --color-series-5: #7a35b0;
+    --color-series-6: #d6336c;
+    --color-series-7: #0e7490;
+    --color-series-8: #7c4824;
+    --color-diagram-ink: #1c1c28;
+    --color-diagram-label: #1c1c28;
+    --color-diagram-guide: #6a6a7a;
+    --color-diagram-axis: #1c1c28;
+    --color-diagram-grid: #ddd5c0;
+    --color-diagram-highlight: #b7240e;
+    --color-diagram-fill: #fde68a;
     --radius-none: 0px;
     --radius-sm: 8px;
     --radius-md: 14px;
@@ -185,6 +200,32 @@
     --border-style-interactive: solid;
     --surface-page-image: radial-gradient(rgba(28, 28, 40, 0.13) 1.4px, transparent 1.8px);
     --surface-page-image-size: 10px 10px;
+    --diagram-stroke-thin: 2.5px;
+    --diagram-stroke-normal: 4px;
+    --diagram-stroke-bold: 6px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 4 4;
+    --diagram-dot: 0.1 7;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.35;
+    --diagram-roughness: 1.2;
+    --diagram-glow: 0;
+    --diagram-shadow: 3px 3px 0 #1c1c28;
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 10px;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 3;
+    --light-ambient: 0.6;
+    --light-key: 1.2;
+    --light-key-color: #fff3c4;
+    --scene-fog: 0;
 }
 
 [data-theme="comic-dark"] {
@@ -221,6 +262,21 @@
     --color-info: #6fa8ff;
     --color-info-foreground: #071b3d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #d26142;
+    --color-series-2: #578adb;
+    --color-series-3: #c07e0c;
+    --color-series-4: #1f9e61;
+    --color-series-5: #a877ce;
+    --color-series-6: #d7658d;
+    --color-series-7: #1e97b9;
+    --color-series-8: #d98c56;
+    --color-diagram-ink: #f5efe0;
+    --color-diagram-label: #f5efe0;
+    --color-diagram-guide: #8a90c0;
+    --color-diagram-axis: #c0c4e0;
+    --color-diagram-grid: #2e3260;
+    --color-diagram-highlight: #eedb1d;
+    --color-diagram-fill: #ff7a5c;
     --radius-none: 0px;
     --radius-sm: 8px;
     --radius-md: 14px;
@@ -368,4 +424,30 @@
     --border-style-interactive: solid;
     --surface-page-image: radial-gradient(rgba(240, 233, 216, 0.09) 1.4px, transparent 1.8px);
     --surface-page-image-size: 10px 10px;
+    --diagram-stroke-thin: 2.5px;
+    --diagram-stroke-normal: 4px;
+    --diagram-stroke-bold: 6px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 4 4;
+    --diagram-dot: 0.1 7;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.35;
+    --diagram-roughness: 1.2;
+    --diagram-glow: 0;
+    --diagram-shadow: 3px 3px 0 #1c1c28;
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 10px;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 3;
+    --light-ambient: 0.6;
+    --light-key: 1.2;
+    --light-key-color: #fff3c4;
+    --scene-fog: 0;
 }