@almadar/ui 6.54.0 → 6.56.0

package/themes/glass.css

@@ -32,6 +32,21 @@
     --color-info: #0270ae;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #4479f5;
+    --color-series-2: #c2417a;
+    --color-series-3: #1f8aa8;
+    --color-series-4: #834bca;
+    --color-series-5: #2e9c7b;
+    --color-series-6: #b05b0a;
+    --color-series-7: #0e6ba2;
+    --color-series-8: #974890;
+    --color-diagram-ink: #1e2235;
+    --color-diagram-label: #44506a;
+    --color-diagram-guide: #7c88a2;
+    --color-diagram-axis: #5d6a7f;
+    --color-diagram-grid: rgba(30,34,53,0.10);
+    --color-diagram-highlight: #4058d6;
+    --color-diagram-fill: #c9d3f5;
     --radius-none: 0px;
     --radius-sm: 12px;
     --radius-md: 16px;
@@ -182,6 +197,32 @@
     --surface-card-image: linear-gradient(135deg, rgba(255,255,255,0.45), rgba(255,255,255,0.05));
     --surface-page-image: radial-gradient(60% 50% at 15% 10%, rgba(64,88,214,0.22), transparent 70%), radial-gradient(50% 45% at 85% 20%, rgba(194,65,122,0.14), transparent 70%), radial-gradient(55% 50% at 70% 90%, rgba(56,160,190,0.16), transparent 70%), radial-gradient(45% 40% at 10% 85%, rgba(64,88,214,0.12), transparent 70%);
     --surface-page-image-size: 100% 100%;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1.5;
+    --diagram-stroke-bold: 2.5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 5;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.22;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 6px 18px rgba(64,88,214,0.18);
+    --diagram-marker: open;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.15;
+    --material-metalness: 0.1;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 1;
+    --light-key-color: #f0f4ff;
+    --scene-fog: 0.15;
 }
 
 [data-theme="glass-dark"] {
@@ -212,6 +253,21 @@
     --color-info: #38bdf8;
     --color-info-foreground: #000000;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #459ae6;
+    --color-series-2: #ff8fc0;
+    --color-series-3: #5fd0e8;
+    --color-series-4: #c099fa;
+    --color-series-5: #6bffe1;
+    --color-series-6: #ffb36a;
+    --color-series-7: #0aa6cb;
+    --color-series-8: #e273d4;
+    --color-diagram-ink: #e7e9f5;
+    --color-diagram-label: #aab2cc;
+    --color-diagram-guide: #7f8aad;
+    --color-diagram-axis: #aab2cc;
+    --color-diagram-grid: rgba(231,233,245,0.12);
+    --color-diagram-highlight: #8aa0ff;
+    --color-diagram-fill: #2a3263;
     --radius-none: 0px;
     --radius-sm: 12px;
     --radius-md: 16px;
@@ -362,4 +418,30 @@
     --surface-card-image: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.01));
     --surface-page-image: radial-gradient(60% 50% at 15% 10%, rgba(138,160,255,0.28), transparent 70%), radial-gradient(50% 45% at 85% 20%, rgba(240,140,176,0.16), transparent 70%), radial-gradient(55% 50% at 70% 90%, rgba(56,160,190,0.16), transparent 70%), radial-gradient(45% 40% at 10% 85%, rgba(138,160,255,0.14), transparent 70%);
     --surface-page-image-size: 100% 100%;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1.5;
+    --diagram-stroke-bold: 2.5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 6 5;
+    --diagram-dot: 1 5;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.22;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 6px 18px rgba(64,88,214,0.18);
+    --diagram-marker: open;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 12px;
+    --material-roughness: 0.15;
+    --material-metalness: 0.1;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.6;
+    --light-key: 1;
+    --light-key-color: #f0f4ff;
+    --scene-fog: 0.15;
 }

package/themes/gothic.css

@@ -38,6 +38,21 @@
     --color-info: #3a3f7a;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #6f1f45;
+    --color-series-2: #7a5a12;
+    --color-series-3: #2f4a3a;
+    --color-series-4: #3b2a5a;
+    --color-series-5: #8a4a1a;
+    --color-series-6: #1f4a5a;
+    --color-series-7: #714640;
+    --color-series-8: #732b76;
+    --color-diagram-ink: #2a1410;
+    --color-diagram-label: #4a2e1a;
+    --color-diagram-guide: #7a6040;
+    --color-diagram-axis: #2a1410;
+    --color-diagram-grid: rgba(42,20,16,0.14);
+    --color-diagram-highlight: #6b1420;
+    --color-diagram-fill: #d9c59a;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -185,6 +200,32 @@
     --border-style-interactive: double;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><path d='M24 4 L44 24 L24 44 L4 24 Z M24 14 L34 24 L24 34 L14 24 Z' fill='none' stroke='rgba(42, 20, 16, 0.09)' stroke-width='1'/></svg>");
     --surface-page-image-size: 48px 48px;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 2;
+    --diagram-stroke-bold: 3.5;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 8 3 2 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 2px 2px 0 rgba(42,20,16,0.35);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 4px;
+    --material-roughness: 0.85;
+    --material-metalness: 0.2;
+    --material-flat: 0;
+    --material-outline: 1;
+    --light-ambient: 0.35;
+    --light-key: 1.1;
+    --light-key-color: #ffd9a0;
+    --scene-fog: 0.3;
 }
 
 [data-theme="gothic-dark"] {
@@ -221,6 +262,21 @@
     --color-info: #a9a6ff;
     --color-info-foreground: #0f0a12;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #ca5950;
+    --color-series-2: #bd8b2b;
+    --color-series-3: #66a781;
+    --color-series-4: #a58ad6;
+    --color-series-5: #e39354;
+    --color-series-6: #5fa6b8;
+    --color-series-7: #d193a9;
+    --color-series-8: #b0a07a;
+    --color-diagram-ink: #e9dfc9;
+    --color-diagram-label: #bfb298;
+    --color-diagram-guide: #8a7d70;
+    --color-diagram-axis: #bfb298;
+    --color-diagram-grid: rgba(233,223,201,0.12);
+    --color-diagram-highlight: #d4667f;
+    --color-diagram-fill: #3a2430;
     --radius-none: 0px;
     --radius-sm: 2px;
     --radius-md: 4px;
@@ -368,4 +424,30 @@
     --border-style-interactive: double;
     --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><path d='M24 4 L44 24 L24 44 L4 24 Z M24 14 L34 24 L24 34 L14 24 Z' fill='none' stroke='rgba(201, 162, 39, 0.09)' stroke-width='1'/></svg>");
     --surface-page-image-size: 48px 48px;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 2;
+    --diagram-stroke-bold: 3.5;
+    --diagram-line-cap: square;
+    --diagram-line-join: miter;
+    --diagram-dash: 8 3 2 3;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 2px 2px 0 rgba(42,20,16,0.35);
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 4px;
+    --material-roughness: 0.85;
+    --material-metalness: 0.2;
+    --material-flat: 0;
+    --material-outline: 1;
+    --light-ambient: 0.35;
+    --light-key: 1.1;
+    --light-key-color: #ffd9a0;
+    --scene-fog: 0.3;
 }

package/themes/ink-wash.css

@@ -38,6 +38,21 @@
     --color-info: #1f5fbf;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #00273e;
+    --color-series-2: #334a69;
+    --color-series-3: #7a3f2a;
+    --color-series-4: #576740;
+    --color-series-5: #7a6420;
+    --color-series-6: #5a3a5a;
+    --color-series-7: #3a6a72;
+    --color-series-8: #72736b;
+    --color-diagram-ink: #1d1d1d;
+    --color-diagram-label: #55524b;
+    --color-diagram-guide: #8c887c;
+    --color-diagram-axis: #3a3a3a;
+    --color-diagram-grid: rgba(29,29,29,0.10);
+    --color-diagram-highlight: #dd2f51;
+    --color-diagram-fill: #d9d6cf;
     --radius-none: 0px;
     --radius-sm: 3px;
     --radius-md: 4px;
@@ -188,6 +203,32 @@
     --surface-card-image: none;
     --surface-page-image: radial-gradient(ellipse at 15% 0%, rgba(0,0,0,0.06), transparent 55%), radial-gradient(ellipse at 90% 100%, rgba(0,0,0,0.05), transparent 50%), 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='.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 .2 0 0 0 0 .2 0 0 0 0 .2 0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
     --surface-page-image-size: 100% 100%, 100% 100%, 240px 240px;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 2;
+    --diagram-stroke-bold: 4;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 10 6;
+    --diagram-dot: 1 6;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.22;
+    --diagram-roughness: 1.6;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 400;
+    --diagram-label-case: none;
+    --diagram-corner: 2px;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 2;
+    --light-ambient: 0.7;
+    --light-key: 0.8;
+    --light-key-color: #fff6e6;
+    --scene-fog: 0.25;
 }
 
 [data-theme="ink-wash-dark"] {
@@ -224,6 +265,21 @@
     --color-info: #8ab4ff;
     --color-info-foreground: #071b3d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #ffdeba;
+    --color-series-2: #7fa3c8;
+    --color-series-3: #ce8c6b;
+    --color-series-4: #8fb08f;
+    --color-series-5: #c9b36a;
+    --color-series-6: #b58ab5;
+    --color-series-7: #7fb0b5;
+    --color-series-8: #8a8d84;
+    --color-diagram-ink: #e8e4da;
+    --color-diagram-label: #b5b1a6;
+    --color-diagram-guide: #86837a;
+    --color-diagram-axis: #cfcbc0;
+    --color-diagram-grid: rgba(232,228,218,0.12);
+    --color-diagram-highlight: #e0475f;
+    --color-diagram-fill: #33322f;
     --radius-none: 0px;
     --radius-sm: 3px;
     --radius-md: 4px;
@@ -374,4 +430,30 @@
     --surface-card-image: none;
     --surface-page-image: radial-gradient(ellipse at 15% 0%, rgba(255,255,255,0.05), transparent 55%), radial-gradient(ellipse at 90% 100%, rgba(255,255,255,0.04), transparent 50%);
     --surface-page-image-size: 100% 100%, 100% 100%;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 2;
+    --diagram-stroke-bold: 4;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 10 6;
+    --diagram-dot: 1 6;
+    --diagram-fill-style: hatch;
+    --diagram-fill-opacity: 0.22;
+    --diagram-roughness: 1.6;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: body;
+    --diagram-label-size: sm;
+    --diagram-label-weight: 400;
+    --diagram-label-case: none;
+    --diagram-corner: 2px;
+    --material-roughness: 1;
+    --material-metalness: 0;
+    --material-flat: 1;
+    --material-outline: 2;
+    --light-ambient: 0.7;
+    --light-key: 0.8;
+    --light-key-color: #fff6e6;
+    --scene-fog: 0.25;
 }

package/themes/kawaii.css

@@ -38,6 +38,21 @@
     --color-info: #1f5fbf;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #e76183;
+    --color-series-2: #7a52d6;
+    --color-series-3: #1f8f8a;
+    --color-series-4: #d9701f;
+    --color-series-5: #3f7fd0;
+    --color-series-6: #51946e;
+    --color-series-7: #aa4db1;
+    --color-series-8: #a8761f;
+    --color-diagram-ink: #4a2c4f;
+    --color-diagram-label: #7a4a6a;
+    --color-diagram-guide: #a06a8f;
+    --color-diagram-axis: #7a4a6a;
+    --color-diagram-grid: #ffc2dd;
+    --color-diagram-highlight: #c2457f;
+    --color-diagram-fill: #ffd9ec;
     --radius-none: 0px;
     --radius-sm: 14px;
     --radius-md: 20px;
@@ -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='80' height='80' viewBox='0 0 80 80'><circle cx='14' cy='16' r='4' fill='%23ff7eb6' fill-opacity='0.22'/><circle cx='58' cy='52' r='3' fill='%23ff7eb6' fill-opacity='0.22'/><polygon points='56,10 58.4,16 65,16.6 60,21 61.6,27.4 56,24 50.4,27.4 52,21 47,16.6 53.6,16' fill='%23a98bff' fill-opacity='0.25'/><polygon points='20,56 21.6,60 26,60.4 22.6,63.4 23.8,67.6 20,65.2 16.2,67.6 17.4,63.4 14,60.4 18.4,60' fill='%23a98bff' fill-opacity='0.25'/></svg>");
     --surface-page-image-size: 80px 80px;
+    --diagram-stroke-thin: 2;
+    --diagram-stroke-normal: 3;
+    --diagram-stroke-bold: 5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 3 6;
+    --diagram-dot: 0.1 7;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 3px 0 rgba(194,69,127,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.7;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 2;
+    --light-ambient: 0.75;
+    --light-key: 0.8;
+    --light-key-color: #fff0f8;
+    --scene-fog: 0.1;
 }
 
 [data-theme="kawaii-dark"] {
@@ -224,6 +265,21 @@
     --color-info: #8ab4ff;
     --color-info-foreground: #071b3d;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #e964aa;
+    --color-series-2: #b79cff;
+    --color-series-3: #5fd6c0;
+    --color-series-4: #f9a363;
+    --color-series-5: #7fb4ff;
+    --color-series-6: #a8db76;
+    --color-series-7: #e07de8;
+    --color-series-8: #efdd6d;
+    --color-diagram-ink: #ffe9f4;
+    --color-diagram-label: #e0b8d4;
+    --color-diagram-guide: #b88aab;
+    --color-diagram-axis: #e0b8d4;
+    --color-diagram-grid: rgba(255,194,221,0.18);
+    --color-diagram-highlight: #fb9dd5;
+    --color-diagram-fill: #4d3358;
     --radius-none: 0px;
     --radius-sm: 14px;
     --radius-md: 20px;
@@ -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='80' height='80' viewBox='0 0 80 80'><circle cx='14' cy='16' r='4' fill='%23ff9ccc' fill-opacity='0.22'/><circle cx='58' cy='52' r='3' fill='%23ff9ccc' fill-opacity='0.22'/><polygon points='56,10 58.4,16 65,16.6 60,21 61.6,27.4 56,24 50.4,27.4 52,21 47,16.6 53.6,16' fill='%23b9a2ff' fill-opacity='0.25'/><polygon points='20,56 21.6,60 26,60.4 22.6,63.4 23.8,67.6 20,65.2 16.2,67.6 17.4,63.4 14,60.4 18.4,60' fill='%23b9a2ff' fill-opacity='0.25'/></svg>");
     --surface-page-image-size: 80px 80px;
+    --diagram-stroke-thin: 2;
+    --diagram-stroke-normal: 3;
+    --diagram-stroke-bold: 5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 3 6;
+    --diagram-dot: 0.1 7;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.3;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: 0 3px 0 rgba(194,69,127,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.7;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 2;
+    --light-ambient: 0.75;
+    --light-key: 0.8;
+    --light-key-color: #fff0f8;
+    --scene-fog: 0.1;
 }

package/themes/kiosk.css

@@ -32,6 +32,21 @@
     --color-info: #0369a1;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #543ac1;
+    --color-series-2: #b45309;
+    --color-series-3: #0f766e;
+    --color-series-4: #9802b2;
+    --color-series-5: #be185d;
+    --color-series-6: #618305;
+    --color-series-7: #374151;
+    --color-series-8: #6d4c41;
+    --color-diagram-ink: #1a1a1a;
+    --color-diagram-label: #1a1a1a;
+    --color-diagram-guide: #595959;
+    --color-diagram-axis: #1a1a1a;
+    --color-diagram-grid: #d0d0d0;
+    --color-diagram-highlight: #0b57d0;
+    --color-diagram-fill: #eef2f7;
     --radius-none: 0px;
     --radius-sm: 14px;
     --radius-md: 20px;
@@ -178,6 +193,32 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 2;
+    --diagram-stroke-normal: 3;
+    --diagram-stroke-bold: 5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 8 6;
+    --diagram-dot: 1 6;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: base;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 10px;
+    --material-roughness: 0.6;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 1;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }
 
 [data-theme="kiosk-dark"] {
@@ -208,6 +249,21 @@
     --color-info: #38bdf8;
     --color-info-foreground: #062235;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #25aef4;
+    --color-series-2: #faa750;
+    --color-series-3: #4fd1c5;
+    --color-series-4: #c792ff;
+    --color-series-5: #ff8fbf;
+    --color-series-6: #aadc4a;
+    --color-series-7: #8eb9c6;
+    --color-series-8: #d4b08a;
+    --color-diagram-ink: #ffffff;
+    --color-diagram-label: #d5deee;
+    --color-diagram-guide: #98a8c4;
+    --color-diagram-axis: #d5deee;
+    --color-diagram-grid: rgba(255,255,255,0.18);
+    --color-diagram-highlight: #6ea0ff;
+    --color-diagram-fill: #1e3358;
     --radius-none: 0px;
     --radius-sm: 14px;
     --radius-md: 20px;
@@ -354,4 +410,30 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 2;
+    --diagram-stroke-normal: 3;
+    --diagram-stroke-bold: 5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 8 6;
+    --diagram-dot: 1 6;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.2;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: triangle;
+    --diagram-label-font: body;
+    --diagram-label-size: base;
+    --diagram-label-weight: 600;
+    --diagram-label-case: none;
+    --diagram-corner: 10px;
+    --material-roughness: 0.6;
+    --material-metalness: 0;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.7;
+    --light-key: 1;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }

package/themes/linear-clean.css

@@ -38,6 +38,21 @@
     --color-info: #0066ff;
     --color-info-foreground: #ffffff;
     --color-scrim: rgba(0, 0, 0, 0.6);
+    --color-series-1: #8d59c0;
+    --color-series-2: #1f8a8a;
+    --color-series-3: #b7791f;
+    --color-series-4: #a55092;
+    --color-series-5: #3181c0;
+    --color-series-6: #5a8a3a;
+    --color-series-7: #c05a6a;
+    --color-series-8: #858489;
+    --color-diagram-ink: #1f1f22;
+    --color-diagram-label: #6b6b66;
+    --color-diagram-guide: #8a8a84;
+    --color-diagram-axis: #6b6b66;
+    --color-diagram-grid: #e6e6e2;
+    --color-diagram-highlight: #5e6ad2;
+    --color-diagram-fill: #f4f4f2;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 8px;
@@ -185,6 +200,32 @@
     --corner-shape-pill: squircle;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1;
+    --diagram-stroke-bold: 1.5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.1;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: body;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 6px;
+    --material-roughness: 0.7;
+    --material-metalness: 0.05;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.65;
+    --light-key: 0.9;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }
 
 [data-theme="linear-clean-dark"] {
@@ -221,6 +262,21 @@
     --color-info: #4d8bff;
     --color-info-foreground: #0a0a0c;
     --color-scrim: rgba(0, 0, 0, 0.7);
+    --color-series-1: #498bdc;
+    --color-series-2: #4fc3c3;
+    --color-series-3: #c09d37;
+    --color-series-4: #d08ad0;
+    --color-series-5: #6fb4f0;
+    --color-series-6: #9bcc66;
+    --color-series-7: #e08a98;
+    --color-series-8: #b3b2bb;
+    --color-diagram-ink: #fafafa;
+    --color-diagram-label: #a0a0a8;
+    --color-diagram-guide: #76767e;
+    --color-diagram-axis: #a0a0a8;
+    --color-diagram-grid: rgba(255,255,255,0.08);
+    --color-diagram-highlight: #8b93e8;
+    --color-diagram-fill: #1c1c20;
     --radius-none: 0px;
     --radius-sm: 6px;
     --radius-md: 8px;
@@ -368,4 +424,30 @@
     --corner-shape-pill: squircle;
     --border-style: solid;
     --border-style-interactive: solid;
+    --diagram-stroke-thin: 1;
+    --diagram-stroke-normal: 1;
+    --diagram-stroke-bold: 1.5;
+    --diagram-line-cap: round;
+    --diagram-line-join: round;
+    --diagram-dash: 4 4;
+    --diagram-dot: 1 3;
+    --diagram-fill-style: tint;
+    --diagram-fill-opacity: 0.1;
+    --diagram-roughness: 0;
+    --diagram-glow: 0;
+    --diagram-shadow: none;
+    --diagram-marker: open;
+    --diagram-label-font: body;
+    --diagram-label-size: xs;
+    --diagram-label-weight: 500;
+    --diagram-label-case: none;
+    --diagram-corner: 6px;
+    --material-roughness: 0.7;
+    --material-metalness: 0.05;
+    --material-flat: 0;
+    --material-outline: 0;
+    --light-ambient: 0.65;
+    --light-key: 0.9;
+    --light-key-color: #ffffff;
+    --scene-fog: 0;
 }