@photoroom/ui 0.1.612 → 0.1.613

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/colors.css CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Light mode order: 500 (base), 400 (hover, lighter), 600 (down, darker).
5
5
  * Dark mode swaps: hover and down use the opposite ends because the accent
6
- * palette is inverted in dark mode (--color-accent-500 is darker than 400).
6
+ * ramp runs the other way in dark mode — a higher step is lighter, not darker.
7
7
  */
8
8
  @utility bg-background-pro {
9
9
  background-image: linear-gradient(
@@ -209,9 +209,12 @@
209
209
  /* Surface */
210
210
  --color-surface-default: var(--color-neutral-0);
211
211
  --color-surface-alternate: var(--color-neutral-100);
212
+ --color-surface-canvas: var(--color-neutral-50);
212
213
  --color-surface-low: var(--color-neutral-100);
213
214
  --color-surface-high: var(--color-neutral-0);
214
215
  --color-surface-higher: var(--color-neutral-0);
216
+ /* Same value as surface-canvas today, but surface-subtle has no Prism slot behind it (website
217
+ section backgrounds only) — canvas tracks Prism and moves with it, subtle does not. */
215
218
  --color-surface-subtle: var(--color-neutral-50);
216
219
 
217
220
  /* Background */
@@ -338,7 +341,7 @@
338
341
  /* Neutral */
339
342
  --color-neutral-0: #0f1011;
340
343
  --color-neutral-0-80: rgba(15, 16, 17, 80%);
341
- --color-neutral-50: #181a1c; /* placeholder — dark mode values TBD in Figma */
344
+ --color-neutral-50: #18191b;
342
345
  --color-neutral-100: #202124;
343
346
  --color-neutral-200: #2d2e33;
344
347
  --color-neutral-300: #393a40;
@@ -358,7 +361,7 @@
358
361
  /* Sand — dark-mode value TBD (falls back to :root light value) */
359
362
 
360
363
  /* Accent */
361
- --color-accent-300: #6161f2;
364
+ --color-accent-300: #4c3fc2;
362
365
  --color-accent-400: #5052cb;
363
366
  --color-accent-500: #696eff;
364
367
  --color-accent-600: #7f89ff;
@@ -412,9 +415,11 @@
412
415
  /* Surface */
413
416
  --color-surface-default: var(--color-neutral-0);
414
417
  --color-surface-alternate: var(--color-neutral-100);
418
+ --color-surface-canvas: var(--color-neutral-50);
415
419
  --color-surface-low: var(--color-neutral-0);
416
420
  --color-surface-high: var(--color-neutral-100);
417
421
  --color-surface-higher: var(--color-neutral-200);
422
+ /* See the light block: same value, no Prism slot. */
418
423
  --color-surface-subtle: var(--color-neutral-50);
419
424
 
420
425
  /* Background */