@orion-ds/core 1.0.2 → 1.0.4
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/dist/theme.css +16 -0
- package/package.json +1 -1
package/dist/theme.css
CHANGED
|
@@ -294,12 +294,20 @@
|
|
|
294
294
|
--overlay-dark-heavy: rgba(0, 0, 0, 0.7);
|
|
295
295
|
--overlay-dark-light: rgba(0, 0, 0, 0.3);
|
|
296
296
|
|
|
297
|
+
/* ─── Overlay Colors (for light overlays on dark backgrounds) ─── */
|
|
298
|
+
--overlay-light: rgba(255, 255, 255, 0.2);
|
|
299
|
+
--overlay-light-subtle: rgba(255, 255, 255, 0.1);
|
|
300
|
+
--overlay-light-strong: rgba(255, 255, 255, 0.3);
|
|
301
|
+
|
|
297
302
|
/* ─── Text on Dark Backgrounds ─── */
|
|
298
303
|
--text-on-dark: #ffffff;
|
|
299
304
|
--text-on-dark-primary: rgba(255, 255, 255, 0.9);
|
|
300
305
|
--text-on-dark-secondary: rgba(255, 255, 255, 0.7);
|
|
301
306
|
--text-on-dark-tertiary: rgba(255, 255, 255, 0.5);
|
|
302
307
|
|
|
308
|
+
/* ─── Text on Brand Backgrounds ─── */
|
|
309
|
+
--text-on-brand: #ffffff;
|
|
310
|
+
|
|
303
311
|
/* ─── Soft State Colors (10-20% opacity for backgrounds) ─── */
|
|
304
312
|
--color-brand-soft: color-mix(in srgb, var(--color-brand-500) 10%, transparent);
|
|
305
313
|
--color-brand-soft-hover: color-mix(in srgb, var(--color-brand-500) 20%, transparent);
|
|
@@ -379,12 +387,20 @@
|
|
|
379
387
|
--overlay-dark-heavy: rgba(0, 0, 0, 0.8);
|
|
380
388
|
--overlay-dark-light: rgba(0, 0, 0, 0.4);
|
|
381
389
|
|
|
390
|
+
/* ─── Overlay Colors (for light overlays on dark backgrounds) ─── */
|
|
391
|
+
--overlay-light: rgba(255, 255, 255, 0.15);
|
|
392
|
+
--overlay-light-subtle: rgba(255, 255, 255, 0.08);
|
|
393
|
+
--overlay-light-strong: rgba(255, 255, 255, 0.25);
|
|
394
|
+
|
|
382
395
|
/* ─── Text on Dark Backgrounds ─── */
|
|
383
396
|
--text-on-dark: #ffffff;
|
|
384
397
|
--text-on-dark-primary: rgba(255, 255, 255, 0.95);
|
|
385
398
|
--text-on-dark-secondary: rgba(255, 255, 255, 0.8);
|
|
386
399
|
--text-on-dark-tertiary: rgba(255, 255, 255, 0.6);
|
|
387
400
|
|
|
401
|
+
/* ─── Text on Brand Backgrounds ─── */
|
|
402
|
+
--text-on-brand: #ffffff;
|
|
403
|
+
|
|
388
404
|
/* ─── Soft State Colors (10-20% opacity for backgrounds) ─── */
|
|
389
405
|
--color-brand-soft: color-mix(in srgb, var(--color-brand-500) 15%, transparent);
|
|
390
406
|
--color-brand-soft-hover: color-mix(in srgb, var(--color-brand-500) 25%, transparent);
|