@almadar/ui 6.54.0 → 6.55.0

package/themes/solarpunk.css

@@ -38,6 +38,21 @@
     --color-info: #1f5fbf;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #558d51;
+    --color-series-2: #c3760a;
+    --color-series-3: #1f7aa8;
+    --color-series-4: #7f7110;
+    --color-series-5: #7a5aa8;
+    --color-series-6: #b0446a;
+    --color-series-7: #587804;
+    --color-series-8: #c45a2a;
+    --color-diagram-ink: #1f3a2a;
+    --color-diagram-label: #4d5a3c;
+    --color-diagram-guide: #7fb08a;
+    --color-diagram-axis: #2d5a3c;
+    --color-diagram-grid: #cfe3c4;
+    --color-diagram-highlight: #8a5d00;
+    --color-diagram-fill: #a8d8f0;
     --radius-none: 0px;
     --radius-sm: 10px;
     --radius-md: 16px;
@@ -188,6 +203,32 @@
     --surface-card-image: none;
     --surface-page-image: conic-gradient(from 200deg at 100% 0%, rgba(242,193,78,0.16), transparent 22%, rgba(242,193,78,0.10) 34%, transparent 48%), radial-gradient(ellipse at 0% 100%, rgba(46,125,79,0.14), transparent 55%);
     --surface-page-image-size: 100% 100%, 100% 100%;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3.5px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 2 6;
+    --diagram-dot: 0.5 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.25;
+    --diagram-roughness: 0.3;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 3px 8px rgba(46, 125, 79, 0.2);
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.7;
+    --material-metalness: 0.05;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.65;
+    --light-key: 1.05;
+    --light-key-color: #fff0c0;
+    --scene-fog: 0.12;
 }
 
 [data-theme="solarpunk-dark"] {
@@ -224,6 +265,21 @@
     --color-info: #8ab4ff;
     --color-info-foreground: #071b3d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #8dc06d;
+    --color-series-2: #ede069;
+    --color-series-3: #5bb4e0;
+    --color-series-4: #eca565;
+    --color-series-5: #c4a8f0;
+    --color-series-6: #f08ab0;
+    --color-series-7: #b1e24e;
+    --color-series-8: #e07e4e;
+    --color-diagram-ink: #f2ecd0;
+    --color-diagram-label: #b9cdb2;
+    --color-diagram-guide: #5f8f6e;
+    --color-diagram-axis: #d8e6c8;
+    --color-diagram-grid: #2a4f38;
+    --color-diagram-highlight: #c5ac2c;
+    --color-diagram-fill: #245a3c;
     --radius-none: 0px;
     --radius-sm: 10px;
     --radius-md: 16px;
@@ -374,4 +430,30 @@
     --surface-card-image: none;
     --surface-page-image: conic-gradient(from 200deg at 100% 0%, rgba(242,193,78,0.10), transparent 22%, rgba(242,193,78,0.06) 34%, transparent 48%), radial-gradient(ellipse at 0% 100%, rgba(127,217,154,0.10), transparent 55%);
     --surface-page-image-size: 100% 100%, 100% 100%;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3.5px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 2 6;
+    --diagram-dot: 0.5 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.25;
+    --diagram-roughness: 0.3;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 3px 8px rgba(46, 125, 79, 0.2);
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.7;
+    --material-metalness: 0.05;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.65;
+    --light-key: 1.05;
+    --light-key-color: #fff0c0;
+    --scene-fog: 0.12;
 }

package/themes/steampunk.css

@@ -38,6 +38,21 @@
     --color-info: #275c80;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #651012;
+    --color-series-2: #875c17;
+    --color-series-3: #2f5f5a;
+    --color-series-4: #c35946;
+    --color-series-5: #4a3a6a;
+    --color-series-6: #616818;
+    --color-series-7: #b96208;
+    --color-series-8: #7a2a52;
+    --color-diagram-ink: #2b1a0e;
+    --color-diagram-label: #5a4325;
+    --color-diagram-guide: #8a6a3a;
+    --color-diagram-axis: #4a2e14;
+    --color-diagram-grid: #d9c79f;
+    --color-diagram-highlight: #9a4a24;
+    --color-diagram-fill: #d8b56a;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -184,6 +199,32 @@
     --border-style: ridge;
     --border-style-interactive: ridge;
     --surface-card-image: repeating-linear-gradient(90deg, rgba(120, 80, 20, 0.07) 0, rgba(120, 80, 20, 0.07) 1px, transparent 1px, transparent 3px);
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: bevel;
+    --diagram-dash: 10 3 2 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0.2;
+    --diagram-glow: 0;
+    --diagram-shadow: 2px 3px 0 rgba(43, 26, 14, 0.5);
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 3px;
+    --material-roughness: 0.3;
+    --material-metalness: 0.9;
+    --material-flat: 0;
+    --material-outline: 1;
+    --light-ambient: 0.4;
+    --light-key: 1.2;
+    --light-key-color: #ffd9a0;
+    --scene-fog: 0.2;
 }
 
 [data-theme="steampunk-dark"] {
@@ -220,6 +261,21 @@
     --color-info: #7fb6dc;
     --color-info-foreground: #1e130b;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #cb6858;
+    --color-series-2: #a48e27;
+    --color-series-3: #6fc0b4;
+    --color-series-4: #e68a5c;
+    --color-series-5: #a898d8;
+    --color-series-6: #b4c860;
+    --color-series-7: #faba90;
+    --color-series-8: #d98ab4;
+    --color-diagram-ink: #f6eac7;
+    --color-diagram-label: #cdb88f;
+    --color-diagram-guide: #8a6a3a;
+    --color-diagram-axis: #d9c79f;
+    --color-diagram-grid: #4a3320;
+    --color-diagram-highlight: #bb812d;
+    --color-diagram-fill: #4a3018;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -366,4 +422,30 @@
     --border-style: ridge;
     --border-style-interactive: ridge;
     --surface-card-image: repeating-linear-gradient(90deg, rgba(255, 235, 180, 0.07) 0, rgba(255, 235, 180, 0.07) 1px, transparent 1px, transparent 3px);
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: bevel;
+    --diagram-dash: 10 3 2 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0.2;
+    --diagram-glow: 0;
+    --diagram-shadow: 2px 3px 0 rgba(43, 26, 14, 0.5);
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 3px;
+    --material-roughness: 0.3;
+    --material-metalness: 0.9;
+    --material-flat: 0;
+    --material-outline: 1;
+    --light-ambient: 0.4;
+    --light-key: 1.2;
+    --light-key-color: #ffd9a0;
+    --scene-fog: 0.2;
 }

package/themes/swiss.css

@@ -38,6 +38,21 @@
     --color-info: #111111;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #ce0376;
+    --color-series-2: #000a22;
+    --color-series-3: #0050b3;
+    --color-series-4: #d46d00;
+    --color-series-5: #168c72;
+    --color-series-6: #6a1b9a;
+    --color-series-7: #8a8a8a;
+    --color-series-8: #a62c9f;
+    --color-diagram-ink: #111111;
+    --color-diagram-label: #444444;
+    --color-diagram-guide: #999999;
+    --color-diagram-axis: #111111;
+    --color-diagram-grid: #e0e0e0;
+    --color-diagram-highlight: #e11550;
+    --color-diagram-fill: #f2f2f2;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -186,6 +201,32 @@
     --border-style-interactive: solid;
     --surface-page-image: linear-gradient(rgba(17,17,17,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,0.045) 1px, transparent 1px);
     --surface-page-image-size: 64px 64px;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0;
+    --material-roughness: 0.8;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 0.8;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }
 
 [data-theme="swiss-dark"] {
@@ -222,6 +263,21 @@
     --color-info: #f5f5f5;
     --color-info-foreground: #111111;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #dc124f;
+    --color-series-2: #c2bc90;
+    --color-series-3: #5a9bff;
+    --color-series-4: #ffa033;
+    --color-series-5: #23e4c9;
+    --color-series-6: #c58aff;
+    --color-series-7: #979797;
+    --color-series-8: #ff6ab0;
+    --color-diagram-ink: #f5f5f5;
+    --color-diagram-label: #c8c8c8;
+    --color-diagram-guide: #7a7a7a;
+    --color-diagram-axis: #f5f5f5;
+    --color-diagram-grid: #333333;
+    --color-diagram-highlight: #f4383a;
+    --color-diagram-fill: #262626;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -370,4 +426,30 @@
     --border-style-interactive: solid;
     --surface-page-image: linear-gradient(rgba(245,245,245,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(245,245,245,0.05) 1px, transparent 1px);
     --surface-page-image-size: 64px 64px;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: butt;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 700;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0;
+    --material-roughness: 0.8;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 0.8;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }

package/themes/terminal.css

@@ -38,6 +38,21 @@
     --color-info: #00aaff;
     --color-info-foreground: #000000;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #33e0ff;
+    --color-series-2: #ff6ec7;
+    --color-series-3: #ffd75f;
+    --color-series-4: #aaff00;
+    --color-series-5: #c792ea;
+    --color-series-6: #ff8c1a;
+    --color-series-7: #66aaff;
+    --color-series-8: #8affc1;
+    --color-diagram-ink: #00ff66;
+    --color-diagram-label: #aaffaa;
+    --color-diagram-guide: #2f9a55;
+    --color-diagram-axis: #00cc52;
+    --color-diagram-grid: #0b3d1e;
+    --color-diagram-highlight: #fffeae;
+    --color-diagram-fill: #003d1a;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -186,6 +201,33 @@
     --border-style-interactive: solid;
     --surface-page-image: repeating-linear-gradient(0deg, rgba(0,0,0,0.05) 0px, rgba(0,0,0,0.05) 1px, transparent 1px, transparent 3px);
     --surface-page-image-size: auto;
+    --surface-diagram: #020a04;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.15;
+    --diagram-roughness: 0;
+    --diagram-glow: 6;
+    --diagram-shadow: none;
+    --diagram-marker: line;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0;
+    --material-roughness: 0.5;
+    --material-metalness: 0.1;
+    --material-flat: 1;
+    --material-outline: 1;
+    --light-ambient: 0.3;
+    --light-key: 0.9;
+    --light-key-color: #66ff99;
+    --scene-fog: 0.3;
 }
 
 [data-theme="terminal-dark"] {
@@ -215,13 +257,28 @@
     --color-placeholder: #557755;
     --color-error: #ff3355;
     --color-error-foreground: #000000;
-    --color-success: #00ff66;
+    --color-success: #00cc52;
     --color-success-foreground: #000000;
     --color-warning: #ffb300;
     --color-warning-foreground: #000000;
     --color-info: #00ccff;
     --color-info-foreground: #000000;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #33e0ff;
+    --color-series-2: #ff6ec7;
+    --color-series-3: #ffd75f;
+    --color-series-4: #aaff00;
+    --color-series-5: #c792ea;
+    --color-series-6: #ff8c1a;
+    --color-series-7: #66aaff;
+    --color-series-8: #8affc1;
+    --color-diagram-ink: #00ff66;
+    --color-diagram-label: #aaffaa;
+    --color-diagram-guide: #2f9a55;
+    --color-diagram-axis: #00cc52;
+    --color-diagram-grid: #0b3d1e;
+    --color-diagram-highlight: #fffeae;
+    --color-diagram-fill: #003d1a;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 0px;
@@ -370,4 +427,30 @@
     --border-style-interactive: solid;
     --surface-page-image: repeating-linear-gradient(0deg, rgba(0,255,102,0.07) 0px, rgba(0,255,102,0.07) 1px, transparent 1px, transparent 3px);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 1px;
+    --diagram-stroke-bold: 2px;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: outline;
+    --diagram-fill-opacity: 0.15;
+    --diagram-roughness: 0;
+    --diagram-glow: 6;
+    --diagram-shadow: none;
+    --diagram-marker: line;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 0;
+    --material-roughness: 0.5;
+    --material-metalness: 0.1;
+    --material-flat: 1;
+    --material-outline: 1;
+    --light-ambient: 0.3;
+    --light-key: 0.9;
+    --light-key-color: #66ff99;
+    --scene-fog: 0.3;
 }

package/themes/trait-wars.css

@@ -32,6 +32,21 @@
     --color-info: #0f766e;
     --color-info-foreground: #faf6ee;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #6c6d26;
+    --color-series-2: #0f766e;
+    --color-series-3: #861c2b;
+    --color-series-4: #3a5a8e;
+    --color-series-5: #6a3a7a;
+    --color-series-6: #3a5918;
+    --color-series-7: #a0522d;
+    --color-series-8: #685c7e;
+    --color-diagram-ink: #2a1f14;
+    --color-diagram-label: #6e5f46;
+    --color-diagram-guide: #a89878;
+    --color-diagram-axis: #4a3a24;
+    --color-diagram-grid: #e6dcc4;
+    --color-diagram-highlight: #7a5b01;
+    --color-diagram-fill: #f0e8d8;
     --radius-none: 0px;
     --radius-sm: 3px;
     --radius-md: 6px;
@@ -202,6 +217,32 @@
     --border-style: ridge;
     --border-style-interactive: ridge;
     --surface-card-image: linear-gradient(180deg, rgba(201,168,76,0.12) 0%, rgba(139,115,85,0.07) 100%);
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3.5px;
+    --diagram-line-cap: square;
+    --diagram-line-join: bevel;
+    --diagram-dash: 8 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.28;
+    --diagram-roughness: 0;
+    --diagram-glow: 2;
+    --diagram-shadow: 0 2px 0 rgba(176, 141, 60, 0.6);
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 2px;
+    --material-roughness: 0.4;
+    --material-metalness: 0.7;
+    --material-flat: 0;
+    --material-outline: 1;
+    --light-ambient: 0.4;
+    --light-key: 1.2;
+    --light-key-color: #ffe0a0;
+    --scene-fog: 0.25;
 }
 
 [data-theme="trait-wars-dark"] {
@@ -232,6 +273,21 @@
     --color-info: #0d6a63;
     --color-info-foreground: #e8dcc8;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #acb458;
+    --color-series-2: #14b8a6;
+    --color-series-3: #e07070;
+    --color-series-4: #7aa0e0;
+    --color-series-5: #b88ad0;
+    --color-series-6: #84c572;
+    --color-series-7: #d99a6a;
+    --color-series-8: #a5a1c1;
+    --color-diagram-ink: #e8dcc8;
+    --color-diagram-label: #a89878;
+    --color-diagram-guide: #6e5f46;
+    --color-diagram-axis: #d8cdb4;
+    --color-diagram-grid: #3a2f22;
+    --color-diagram-highlight: #c9a84c;
+    --color-diagram-fill: #3a2f20;
     --radius-none: 0px;
     --radius-sm: 3px;
     --radius-md: 6px;
@@ -402,4 +458,30 @@
     --border-style: ridge;
     --border-style-interactive: ridge;
     --surface-card-image: linear-gradient(180deg, rgba(201,168,76,0.08) 0%, rgba(0,0,0,0.12) 100%);
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3.5px;
+    --diagram-line-cap: square;
+    --diagram-line-join: bevel;
+    --diagram-dash: 8 4;
+    --diagram-dot: 1 4;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.28;
+    --diagram-roughness: 0;
+    --diagram-glow: 2;
+    --diagram-shadow: 0 2px 0 rgba(176, 141, 60, 0.6);
+    --diagram-marker: triangle;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 2px;
+    --material-roughness: 0.4;
+    --material-metalness: 0.7;
+    --material-flat: 0;
+    --material-outline: 1;
+    --light-ambient: 0.4;
+    --light-key: 1.2;
+    --light-key-color: #ffe0a0;
+    --scene-fog: 0.25;
 }

package/themes/ukiyo-e.css

@@ -38,6 +38,21 @@
     --color-info: #1f5fbf;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #1b3a6b;
+    --color-series-2: #cc3c4f;
+    --color-series-3: #7a6a14;
+    --color-series-4: #367a6f;
+    --color-series-5: #8a3a5a;
+    --color-series-6: #c07a1a;
+    --color-series-7: #526393;
+    --color-series-8: #6f4b35;
+    --color-diagram-ink: #111111;
+    --color-diagram-label: #54482c;
+    --color-diagram-guide: #8a7a58;
+    --color-diagram-axis: #12203a;
+    --color-diagram-grid: #d9ccaa;
+    --color-diagram-highlight: #d05126;
+    --color-diagram-fill: #e4573d;
     --radius-none: 0px;
     --radius-sm: 1px;
     --radius-md: 2px;
@@ -188,6 +203,32 @@
     --surface-card-image: none;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'><g fill='none' stroke='%231b3a6b' stroke-opacity='0.07' stroke-width='1'><circle cx='20' cy='20' r='18'/><circle cx='20' cy='20' r='12'/><circle cx='20' cy='20' r='6'/><circle cx='0' cy='10' r='18'/><circle cx='0' cy='10' r='12'/><circle cx='0' cy='10' r='6'/><circle cx='40' cy='10' r='18'/><circle cx='40' cy='10' r='12'/><circle cx='40' cy='10' r='6'/></g></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
     --surface-page-image-size: 40px 20px, 240px 240px;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2.5px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 10 5;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0.6;
+    --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: 2px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 2;
+    --light-ambient: 0.75;
+    --light-key: 0.7;
+    --light-key-color: #fff0d0;
+    --scene-fog: 0.15;
 }
 
 [data-theme="ukiyo-e-dark"] {
@@ -224,6 +265,21 @@
     --color-info: #8ab4ff;
     --color-info-foreground: #071b3d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #6f9ad6;
+    --color-series-2: #e4573d;
+    --color-series-3: #c19d2e;
+    --color-series-4: #6fc4b0;
+    --color-series-5: #d98aa8;
+    --color-series-6: #ed9a45;
+    --color-series-7: #a9afe9;
+    --color-series-8: #ceb181;
+    --color-diagram-ink: #f1e6c8;
+    --color-diagram-label: #c4cde0;
+    --color-diagram-guide: #7a86a8;
+    --color-diagram-axis: #f1e6c8;
+    --color-diagram-grid: #2a3a5a;
+    --color-diagram-highlight: #daca52;
+    --color-diagram-fill: #2a3a5e;
     --radius-none: 0px;
     --radius-sm: 1px;
     --radius-md: 2px;
@@ -374,4 +430,30 @@
     --surface-card-image: none;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'><g fill='none' stroke='%23f1e6c8' stroke-opacity='0.05' stroke-width='1'><circle cx='20' cy='20' r='18'/><circle cx='20' cy='20' r='12'/><circle cx='20' cy='20' r='6'/><circle cx='0' cy='10' r='18'/><circle cx='0' cy='10' r='12'/><circle cx='0' cy='10' r='6'/><circle cx='40' cy='10' r='18'/><circle cx='40' cy='10' r='12'/><circle cx='40' cy='10' r='6'/></g></svg>");
     --surface-page-image-size: 40px 20px;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2.5px;
+    --diagram-stroke-bold: 4px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 10 5;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: solid;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0.6;
+    --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: 2px;
+    --material-roughness: 0.9;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 2;
+    --light-ambient: 0.75;
+    --light-key: 0.7;
+    --light-key-color: #fff0d0;
+    --scene-fog: 0.15;
 }