@almadar/ui 6.54.0 → 6.56.0

package/themes/constructivist.css

@@ -38,6 +38,21 @@
     --color-info: #1a3a6a;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #d11e4d;
+    --color-series-2: #000a22;
+    --color-series-3: #a86a00;
+    --color-series-4: #2a4a7a;
+    --color-series-5: #5a6a2a;
+    --color-series-6: #883c0d;
+    --color-series-7: #1d6a6a;
+    --color-series-8: #6a6358;
+    --color-diagram-ink: #111111;
+    --color-diagram-label: #111111;
+    --color-diagram-guide: #6a6358;
+    --color-diagram-axis: #111111;
+    --color-diagram-grid: #ddd0b0;
+    --color-diagram-highlight: #dd3516;
+    --color-diagram-fill: #111111;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 6px;
@@ -187,6 +202,32 @@
     --surface-card-image: none;
     --surface-page-image: radial-gradient(rgba(17,17,17,0.12) 1.2px, transparent 1.6px);
     --surface-page-image-size: 7px 7px;
+    --diagram-stroke-thin: 3px;
+    --diagram-stroke-normal: 5px;
+    --diagram-stroke-bold: 8px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: bevel;
+    --diagram-dash: 14 6;
+    --diagram-dot: 1 6;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.35;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 5px 5px 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: 2;
+    --light-ambient: 0.6;
+    --light-key: 1.1;
+    --light-key-color: #fff0cc;
+    --scene-fog: 0;
 }
 
 [data-theme="constructivist-dark"] {
@@ -223,6 +264,21 @@
     --color-info: #7fa6e8;
     --color-info-foreground: #051226;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #cf3857;
+    --color-series-2: #848484;
+    --color-series-3: #b6770c;
+    --color-series-4: #5f86bf;
+    --color-series-5: #798d3f;
+    --color-series-6: #cc6930;
+    --color-series-7: #309090;
+    --color-series-8: #96805a;
+    --color-diagram-ink: #f6fddd;
+    --color-diagram-label: #f3e6c8;
+    --color-diagram-guide: #8a8070;
+    --color-diagram-axis: #c8b890;
+    --color-diagram-grid: #342e28;
+    --color-diagram-highlight: #f44138;
+    --color-diagram-fill: #e8d9b0;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 6px;
@@ -372,4 +428,30 @@
     --surface-card-image: none;
     --surface-page-image: radial-gradient(rgba(243,230,200,0.08) 1.2px, transparent 1.6px);
     --surface-page-image-size: 7px 7px;
+    --diagram-stroke-thin: 3px;
+    --diagram-stroke-normal: 5px;
+    --diagram-stroke-bold: 8px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: bevel;
+    --diagram-dash: 14 6;
+    --diagram-dot: 1 6;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.35;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 5px 5px 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: 2;
+    --light-ambient: 0.6;
+    --light-key: 1.1;
+    --light-key-color: #fff0cc;
+    --scene-fog: 0;
 }

package/themes/corporate.css

@@ -32,6 +32,21 @@
     --color-info: #1d4ed8;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #1d4ed8;
+    --color-series-2: #d77c36;
+    --color-series-3: #0f766e;
+    --color-series-4: #7c3aed;
+    --color-series-5: #c026d3;
+    --color-series-6: #484a60;
+    --color-series-7: #618305;
+    --color-series-8: #0284c7;
+    --color-diagram-ink: #1e293b;
+    --color-diagram-label: #334155;
+    --color-diagram-guide: #8590a0;
+    --color-diagram-axis: #64748b;
+    --color-diagram-grid: #e2e8f0;
+    --color-diagram-highlight: #a66e0e;
+    --color-diagram-fill: #1d4ed8;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 2px;
@@ -178,6 +193,32 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 5 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.12;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 2px;
+    --material-roughness: 0.5;
+    --material-metalness: 0.2;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 1;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }
 
 [data-theme="corporate-dark"] {
@@ -208,6 +249,21 @@
     --color-info: #7aa5f5;
     --color-info-foreground: #0d1526;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #6686e1;
+    --color-series-2: #bd7814;
+    --color-series-3: #1d9b91;
+    --color-series-4: #9d71e9;
+    --color-series-5: #d156cc;
+    --color-series-6: #6d768f;
+    --color-series-7: #62981c;
+    --color-series-8: #1090d3;
+    --color-diagram-ink: #dbe3f0;
+    --color-diagram-label: #b8c4d8;
+    --color-diagram-guide: #6a7a98;
+    --color-diagram-axis: #8a9ab8;
+    --color-diagram-grid: #243452;
+    --color-diagram-highlight: #bea635;
+    --color-diagram-fill: #5b8def;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 2px;
@@ -354,4 +410,30 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 5 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.12;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 2px;
+    --material-roughness: 0.5;
+    --material-metalness: 0.2;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 1;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }

package/themes/cyberpunk.css

@@ -38,6 +38,21 @@
     --color-info: #0050d0;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #c0045c;
+    --color-series-2: #006b8a;
+    --color-series-3: #5a1fb0;
+    --color-series-4: #353535;
+    --color-series-5: #8a4a00;
+    --color-series-6: #006163;
+    --color-series-7: #9a0a9a;
+    --color-series-8: #0244bc;
+    --color-diagram-ink: #000000;
+    --color-diagram-label: #000000;
+    --color-diagram-guide: #6a6430;
+    --color-diagram-axis: #111111;
+    --color-diagram-grid: #e6dd70;
+    --color-diagram-highlight: #ff2a6d;
+    --color-diagram-fill: #000000;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;
@@ -185,6 +200,32 @@
     --border-style-interactive: solid;
     --surface-page-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.07) 0px, rgba(0, 0, 0, 0.07) 1px, transparent 1px, transparent 3px);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1.5px;
+    --diagram-stroke-normal: 2.5px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.25;
+    --diagram-roughness: 0;
+    --diagram-glow: 6;
+    --diagram-shadow: 2px 2px 0 #ff2a6d;
+    --diagram-marker: line;
+    --diagram-label-font: display;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 2px;
+    --material-roughness: 0.3;
+    --material-metalness: 0.7;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.35;
+    --light-key: 1.2;
+    --light-key-color: #ff5ad0;
+    --scene-fog: 0.2;
 }
 
 [data-theme="cyberpunk-dark"] {
@@ -221,6 +262,21 @@
     --color-info: #4dc3ff;
     --color-info-foreground: #001a2e;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #00f0ff;
+    --color-series-2: #ed1d86;
+    --color-series-3: #c6f246;
+    --color-series-4: #b36bff;
+    --color-series-5: #63da3c;
+    --color-series-6: #ff8a00;
+    --color-series-7: #5a8aff;
+    --color-series-8: #ff6bd6;
+    --color-diagram-ink: #e8f4ff;
+    --color-diagram-label: #cfe8ff;
+    --color-diagram-guide: #5a6a9a;
+    --color-diagram-axis: #7ad8e8;
+    --color-diagram-grid: #1f2040;
+    --color-diagram-highlight: #fcee0a;
+    --color-diagram-fill: #00f0ff;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;
@@ -368,4 +424,30 @@
     --border-style-interactive: solid;
     --surface-page-image: repeating-linear-gradient(0deg, rgba(0, 240, 255, 0.05) 0px, rgba(0, 240, 255, 0.05) 1px, transparent 1px, transparent 3px);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1.5px;
+    --diagram-stroke-normal: 2.5px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.25;
+    --diagram-roughness: 0;
+    --diagram-glow: 6;
+    --diagram-shadow: 2px 2px 0 #ff2a6d;
+    --diagram-marker: line;
+    --diagram-label-font: display;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 2px;
+    --material-roughness: 0.3;
+    --material-metalness: 0.7;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.35;
+    --light-key: 1.2;
+    --light-key-color: #ff5ad0;
+    --scene-fog: 0.2;
 }

package/themes/frutiger-aero.css

@@ -38,6 +38,21 @@
     --color-info: #0873b8;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #5081f4;
+    --color-series-2: #3f9d4c;
+    --color-series-3: #0e8fa0;
+    --color-series-4: #b8820a;
+    --color-series-5: #c84a8a;
+    --color-series-6: #6a5ac8;
+    --color-series-7: #dc6a14;
+    --color-series-8: #e26144;
+    --color-diagram-ink: #0d3350;
+    --color-diagram-label: #0d3350;
+    --color-diagram-guide: #7a9ab0;
+    --color-diagram-axis: #3a6a8a;
+    --color-diagram-grid: #cfe6f2;
+    --color-diagram-highlight: #0873b8;
+    --color-diagram-fill: #0873b8;
     --radius-none: 0px;
     --radius-sm: 10px;
     --radius-md: 16px;
@@ -187,6 +202,33 @@
     --surface-card-image: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 45%);
     --surface-page-image: radial-gradient(circle at 12% 18%, rgba(255,255,255,.85) 0 5%, transparent 5.5%), radial-gradient(circle at 84% 10%, rgba(255,255,255,.7) 0 3.5%, transparent 4%), radial-gradient(circle at 72% 72%, rgba(255,255,255,.45) 0 7%, transparent 7.5%), radial-gradient(circle at 25% 80%, rgba(255,255,255,.4) 0 4%, transparent 4.5%), radial-gradient(ellipse at 50% 115%, rgba(90,200,120,.5), transparent 55%), linear-gradient(180deg, #8fd3ff 0%, #d9f2ff 55%, #e9fbe8 100%);
     --surface-page-image-size: cover;
+    --surface-diagram: #f4fbff;
+    --diagram-stroke-thin: 1.5px;
+    --diagram-stroke-normal: 2.5px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.28;
+    --diagram-roughness: 0;
+    --diagram-glow: 3;
+    --diagram-shadow: 0 3px 8px rgba(10, 90, 150, 0.25);
+    --diagram-marker: dot;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.2;
+    --material-metalness: 0.1;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 1.1;
+    --light-key-color: #f0fbff;
+    --scene-fog: 0.2;
 }
 
 [data-theme="frutiger-aero-dark"] {
@@ -223,6 +265,21 @@
     --color-info: #5cc4ff;
     --color-info-foreground: #04243a;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #3394cf;
+    --color-series-2: #93c842;
+    --color-series-3: #0b9f82;
+    --color-series-4: #c97505;
+    --color-series-5: #bb7a9b;
+    --color-series-6: #8e77ae;
+    --color-series-7: #eb621a;
+    --color-series-8: #bf7a5f;
+    --color-diagram-ink: #ffffff;
+    --color-diagram-label: #cdeaff;
+    --color-diagram-guide: #7ab4d8;
+    --color-diagram-axis: #9ad0f0;
+    --color-diagram-grid: #1f5a8c;
+    --color-diagram-highlight: #719e38;
+    --color-diagram-fill: #5cc4ff;
     --radius-none: 0px;
     --radius-sm: 10px;
     --radius-md: 16px;
@@ -372,4 +429,30 @@
     --surface-card-image: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 45%);
     --surface-page-image: radial-gradient(circle at 12% 18%, rgba(160,230,255,.28) 0 5%, transparent 5.5%), radial-gradient(circle at 84% 10%, rgba(160,230,255,.22) 0 3.5%, transparent 4%), radial-gradient(circle at 72% 72%, rgba(160,230,255,.16) 0 7%, transparent 7.5%), radial-gradient(ellipse at 50% 115%, rgba(40,160,90,.45), transparent 55%), linear-gradient(180deg, #0b3a66 0%, #0a2a4a 60%, #0a2a30 100%);
     --surface-page-image-size: cover;
+    --diagram-stroke-thin: 1.5px;
+    --diagram-stroke-normal: 2.5px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.28;
+    --diagram-roughness: 0;
+    --diagram-glow: 3;
+    --diagram-shadow: 0 3px 8px rgba(10, 90, 150, 0.25);
+    --diagram-marker: dot;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.2;
+    --material-metalness: 0.1;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 1.1;
+    --light-key-color: #f0fbff;
+    --scene-fog: 0.2;
 }

package/themes/game-adventure.css

@@ -32,6 +32,21 @@
     --color-info: #b5793a;
     --color-info-foreground: #241608;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-diagram-ink: #3a2712;
+    --color-diagram-label: #4a3319;
+    --color-diagram-guide: #9a7a4a;
+    --color-diagram-axis: #6b4f2a;
+    --color-diagram-grid: #e3cfa3;
+    --color-diagram-highlight: #ab3f20;
+    --color-diagram-fill: #f3dcae;
+    --color-series-1: #701e08;
+    --color-series-2: #2f5f8a;
+    --color-series-3: #5f7f2a;
+    --color-series-4: #7a3f7a;
+    --color-series-5: #b0702a;
+    --color-series-6: #2a7a6a;
+    --color-series-7: #8a2a3a;
+    --color-series-8: #5a5a2a;
     --radius-none: 0px;
     --radius-sm: 8px;
     --radius-md: 10px;

package/themes/game-rpg.css

@@ -32,6 +32,21 @@
     --color-info: #d99a4e;
     --color-info-foreground: #1a1108;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-diagram-ink: #fbfcd8;
+    --color-diagram-label: #e0cba8;
+    --color-diagram-guide: #a8875c;
+    --color-diagram-axis: #c9ad7f;
+    --color-diagram-grid: #4a3520;
+    --color-diagram-highlight: #e9e990;
+    --color-diagram-fill: #3a2a18;
+    --color-series-1: #d99a4e;
+    --color-series-2: #7fb0d9;
+    --color-series-3: #9ccf6a;
+    --color-series-4: #d98ab0;
+    --color-series-5: #b4ad64;
+    --color-series-6: #7fd0c0;
+    --color-series-7: #ea8368;
+    --color-series-8: #b39ddb;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 10px;
@@ -184,4 +199,5 @@
     --surface-card-image: linear-gradient(180deg, rgba(240,200,105,0.10) 0%, rgba(0,0,0,0.12) 100%);
     --surface-page-image: radial-gradient(ellipse at 50% 0%, rgba(240,200,105,0.10), transparent 60%);
     --surface-page-image-size: 100% 100%;
+    --surface-diagram: #22170c;
 }

package/themes/game-sci-fi.css

@@ -32,6 +32,21 @@
     --color-info: #3ea6ff;
     --color-info-foreground: #071018;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-diagram-ink: #dbe7ff;
+    --color-diagram-label: #b8c6e0;
+    --color-diagram-guide: #5a6f94;
+    --color-diagram-axis: #8b9bb6;
+    --color-diagram-grid: #22314c;
+    --color-diagram-highlight: #7df9ff;
+    --color-diagram-fill: #1c2942;
+    --color-series-1: #3ea6ff;
+    --color-series-2: #ff7ab6;
+    --color-series-3: #b6f36a;
+    --color-series-4: #c49bff;
+    --color-series-5: #ff9f43;
+    --color-series-6: #5ef1d2;
+    --color-series-7: #ece86e;
+    --color-series-8: #dd4b6c;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;

package/themes/game-ui-pack.css

@@ -32,6 +32,21 @@
     --color-info: #2ea7e1;
     --color-info-foreground: #06202c;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-diagram-ink: #1b1e22;
+    --color-diagram-label: #2e3238;
+    --color-diagram-guide: #8a9099;
+    --color-diagram-axis: #454a51;
+    --color-diagram-grid: #d0d4da;
+    --color-diagram-highlight: #e85d04;
+    --color-diagram-fill: #dde1e6;
+    --color-series-1: #1988c7;
+    --color-series-2: #db2c3d;
+    --color-series-3: #1b9486;
+    --color-series-4: #8338ec;
+    --color-series-5: #c03806;
+    --color-series-6: #4978f5;
+    --color-series-7: #619045;
+    --color-series-8: #b5179e;
     --radius-none: 0px;
     --radius-sm: 10px;
     --radius-md: 12px;

package/themes/gazette.css

@@ -32,6 +32,21 @@
     --color-info: #4a6b8a;
     --color-info-foreground: #fdfbf6;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #1f3a5a;
+    --color-series-2: #669875;
+    --color-series-3: #e15637;
+    --color-series-4: #8e7600;
+    --color-series-5: #6a3a5a;
+    --color-series-6: #2a6a6a;
+    --color-series-7: #614726;
+    --color-series-8: #4a6a8a;
+    --color-diagram-ink: #1a1614;
+    --color-diagram-label: #3a322c;
+    --color-diagram-guide: #8a8070;
+    --color-diagram-axis: #5a5046;
+    --color-diagram-grid: #e6dccb;
+    --color-diagram-highlight: #ae612e;
+    --color-diagram-fill: #1f3a5a;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -178,6 +193,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: 4 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 0px;
+    --material-roughness: 0.8;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.65;
+    --light-key: 0.9;
+    --light-key-color: #fff6e0;
+    --scene-fog: 0.05;
 }
 
 [data-theme="gazette-dark"] {
@@ -208,6 +249,21 @@
     --color-info: #7a9ec0;
     --color-info-foreground: #14110d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #5a87bd;
+    --color-series-2: #658455;
+    --color-series-3: #d88e61;
+    --color-series-4: #ac7d25;
+    --color-series-5: #ac7299;
+    --color-series-6: #419090;
+    --color-series-7: #8b7763;
+    --color-series-8: #47798c;
+    --color-diagram-ink: #f5efe6;
+    --color-diagram-label: #d8cfc0;
+    --color-diagram-guide: #8a8070;
+    --color-diagram-axis: #a89e8c;
+    --color-diagram-grid: #342e28;
+    --color-diagram-highlight: #b2612f;
+    --color-diagram-fill: #8fb0d0;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -354,4 +410,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: 4 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 0px;
+    --material-roughness: 0.8;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.65;
+    --light-key: 0.9;
+    --light-key-color: #fff6e0;
+    --scene-fog: 0.05;
 }