@almadar/ui 6.53.1 → 6.55.0

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;
 }

package/themes/vaporwave.css

@@ -38,6 +38,21 @@
     --color-info: #0060c4;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #d741c6;
+    --color-series-2: #0090a0;
+    --color-series-3: #6a1bd1;
+    --color-series-4: #d65a00;
+    --color-series-5: #2a5fd6;
+    --color-series-6: #c4165a;
+    --color-series-7: #188973;
+    --color-series-8: #934bea;
+    --color-diagram-ink: #2a0a4a;
+    --color-diagram-label: #5a2a6a;
+    --color-diagram-guide: #a060b0;
+    --color-diagram-axis: #4a1a7a;
+    --color-diagram-grid: #e8b8e0;
+    --color-diagram-highlight: #c4008f;
+    --color-diagram-fill: #ffd0ec;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 2px;
@@ -186,6 +201,32 @@
     --border-style-interactive: solid;
     --surface-page-image: linear-gradient(180deg, rgba(255, 150, 190, 0.35) 0%, transparent 60%), repeating-linear-gradient(0deg, rgba(106, 27, 209, 0.14) 0px, rgba(106, 27, 209, 0.14) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, rgba(106, 27, 209, 0.14) 0px, rgba(106, 27, 209, 0.14) 1px, transparent 1px, transparent 40px);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 3 5;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 8;
+    --diagram-shadow: 0 0 12px rgba(196, 0, 143, 0.5);
+    --diagram-marker: triangle;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 2px;
+    --material-roughness: 0.2;
+    --material-metalness: 0.5;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.5;
+    --light-key: 1.2;
+    --light-key-color: #ff9ae0;
+    --scene-fog: 0.35;
 }
 
 [data-theme="vaporwave-dark"] {
@@ -222,6 +263,21 @@
     --color-info: #4dc3ff;
     --color-info-foreground: #001a2e;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #ff3dcb;
+    --color-series-2: #3af4d6;
+    --color-series-3: #b388ff;
+    --color-series-4: #ff9a5a;
+    --color-series-5: #5a8aff;
+    --color-series-6: #f98ceb;
+    --color-series-7: #26cc95;
+    --color-series-8: #b66dbf;
+    --color-diagram-ink: #f9dde5;
+    --color-diagram-label: #e0cffb;
+    --color-diagram-guide: #9a7ad0;
+    --color-diagram-axis: #f8e9ff;
+    --color-diagram-grid: #4a2a8a;
+    --color-diagram-highlight: #00f0ff;
+    --color-diagram-fill: #3a1a7a;
     --radius-none: 0px;
     --radius-sm: 0px;
     --radius-md: 2px;
@@ -370,4 +426,30 @@
     --border-style-interactive: solid;
     --surface-page-image: linear-gradient(180deg, rgba(255, 61, 203, 0.28) 0%, transparent 60%), repeating-linear-gradient(0deg, rgba(0, 240, 255, 0.18) 0px, rgba(0, 240, 255, 0.18) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, rgba(0, 240, 255, 0.18) 0px, rgba(0, 240, 255, 0.18) 1px, transparent 1px, transparent 40px);
     --surface-page-image-size: auto;
+    --diagram-stroke-thin: 1px;
+    --diagram-stroke-normal: 2px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 3 5;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 8;
+    --diagram-shadow: 0 0 12px rgba(196, 0, 143, 0.5);
+    --diagram-marker: triangle;
+    --diagram-label-font: mono;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 400;
+    --diagram-label-case: uppercase;
+    --diagram-corner: 2px;
+    --material-roughness: 0.2;
+    --material-metalness: 0.5;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.5;
+    --light-key: 1.2;
+    --light-key-color: #ff9ae0;
+    --scene-fog: 0.35;
 }

package/themes/victorian.css

@@ -38,6 +38,21 @@
     --color-info: #27507a;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #943b5c;
+    --color-series-2: #16452b;
+    --color-series-3: #8a6a14;
+    --color-series-4: #2a4a7a;
+    --color-series-5: #5a2a6a;
+    --color-series-6: #a04a1a;
+    --color-series-7: #4f5926;
+    --color-series-8: #6a3a2a;
+    --color-diagram-ink: #2a1a14;
+    --color-diagram-label: #54452a;
+    --color-diagram-guide: #8a6a3a;
+    --color-diagram-axis: #3a2a1a;
+    --color-diagram-grid: #dccdaa;
+    --color-diagram-highlight: #70152c;
+    --color-diagram-fill: #e8d8b0;
     --radius-none: 0px;
     --radius-sm: 4px;
     --radius-md: 6px;
@@ -185,6 +200,32 @@
     --border-style-interactive: ridge;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96'><g fill='%237a1f34' opacity='.10'><path d='M48 10c6 10 14 12 14 22s-8 14-14 22c-6-8-14-12-14-22s8-12 14-22z'/><path d='M48 54c6 8 14 12 14 22s-8 12-14 20c-6-8-14-10-14-20s8-14 14-22z' opacity='.7'/><circle cx='0' cy='48' r='6'/><circle cx='96' cy='48' r='6'/></g><g fill='%23b08a2a' opacity='.12'><circle cx='48' cy='32' r='3'/><circle cx='48' cy='76' r='3'/></g></svg>");
     --surface-page-image-size: 96px 96px;
+    --diagram-stroke-thin: 0.75px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: round;
+    --diagram-line-join: bevel;
+    --diagram-dash: 1 3 6 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.28;
+    --diagram-roughness: 0.15;
+    --diagram-glow: 0;
+    --diagram-shadow: 1px 2px 0 rgba(42, 26, 20, 0.45);
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 2px;
+    --material-roughness: 0.35;
+    --material-metalness: 0.8;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.4;
+    --light-key: 1.15;
+    --light-key-color: #ffe2b0;
+    --scene-fog: 0.2;
 }
 
 [data-theme="victorian-dark"] {
@@ -221,6 +262,21 @@
     --color-info: #8ab4e0;
     --color-info-foreground: #05182e;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #d181a6;
+    --color-series-2: #56a579;
+    --color-series-3: #b99943;
+    --color-series-4: #7aa0e0;
+    --color-series-5: #c090d8;
+    --color-series-6: #e89a6a;
+    --color-series-7: #87b24c;
+    --color-series-8: #c38b7e;
+    --color-diagram-ink: #fdfccd;
+    --color-diagram-label: #dccdae;
+    --color-diagram-guide: #8a7048;
+    --color-diagram-axis: #e8d8b8;
+    --color-diagram-grid: #4a342a;
+    --color-diagram-highlight: #c2be66;
+    --color-diagram-fill: #4a2a28;
     --radius-none: 0px;
     --radius-sm: 4px;
     --radius-md: 6px;
@@ -368,4 +424,30 @@
     --border-style-interactive: ridge;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96'><g fill='%23d99aa8' opacity='.10'><path d='M48 10c6 10 14 12 14 22s-8 14-14 22c-6-8-14-12-14-22s8-12 14-22z'/><path d='M48 54c6 8 14 12 14 22s-8 12-14 20c-6-8-14-10-14-20s8-14 14-22z' opacity='.7'/><circle cx='0' cy='48' r='6'/><circle cx='96' cy='48' r='6'/></g><g fill='%23e0bf6a' opacity='.12'><circle cx='48' cy='32' r='3'/><circle cx='48' cy='76' r='3'/></g></svg>");
     --surface-page-image-size: 96px 96px;
+    --diagram-stroke-thin: 0.75px;
+    --diagram-stroke-normal: 1.5px;
+    --diagram-stroke-bold: 3px;
+    --diagram-line-cap: round;
+    --diagram-line-join: bevel;
+    --diagram-dash: 1 3 6 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.28;
+    --diagram-roughness: 0.15;
+    --diagram-glow: 0;
+    --diagram-shadow: 1px 2px 0 rgba(42, 26, 20, 0.45);
+    --diagram-marker: open;
+    --diagram-label-font: display;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 2px;
+    --material-roughness: 0.35;
+    --material-metalness: 0.8;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.4;
+    --light-key: 1.15;
+    --light-key-color: #ffe2b0;
+    --scene-fog: 0.2;
 }