anentrypoint-design 0.0.390 → 0.0.391

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.
Files changed (5) hide show
  1. package/colors_and_type.css +24 -0
  2. package/dist/247420.css +24 -0
  3. package/dist/247420.js +19 -19
  4. package/package.json +1 -1
  5. package/scripts/lint-css.mjs +2 -0
package/colors_and_type.css CHANGED
@@ -125,6 +125,17 @@
125
125
  --cat-flame: var(--flame);
126
126
  --cat-sky: var(--sky);
127
127
 
128
+ /* Readable TEXT tones for the category hues — the same FILL/TEXT split the
129
+ lead accent already draws with --accent (fill) vs --accent-ink (text).
130
+ The bare --cat-* values are chroma-matched to sit behind ink on a swatch,
131
+ avatar, or tag; as `color:` on newsprint paper they land at ~3.1:1, under
132
+ the 4.5:1 floor. Any `color:` use of a category hue takes the -ink tone;
133
+ only background/border-color take the bare one. Each -deep source is
134
+ already remapped per-theme below, so these follow the theme too. */
135
+ --cat-green-ink: var(--green-deep);
136
+ --cat-purple-ink: var(--purple-deep);
137
+ --cat-mascot-ink: var(--mascot-deep);
138
+
128
139
  --panel-bg: var(--bg);
129
140
  --panel-bg-2: var(--bg-2);
130
141
  --panel-accent: var(--accent);
@@ -433,6 +444,14 @@ select:focus-visible {
433
444
  --mascot-deep: #FF5C9E;
434
445
  --purple-2: #C277FF;
435
446
  --green: #5CBF52;
447
+ /* --cat-*-ink text tones for dark. The :root sources (--green-deep #133F10,
448
+ --purple-deep #220026) are near-black PAPER tones — on ink they land at
449
+ 1.60:1 / 1.01:1, i.e. invisible. Repoint them at the dark-tuned values
450
+ already proven above: #5CBF52 8.28:1 on ink / 7.04:1 on --bg-2, #C277FF
451
+ 6.77:1 / 5.75:1. --cat-mascot-ink needs no entry here: it tracks
452
+ --mascot-deep, which this same block already remaps to #FF5C9E. */
453
+ --cat-green-ink: #5CBF52;
454
+ --cat-purple-ink: #C277FF;
436
455
  --code-string: var(--green-2);
437
456
  --code-keyword: var(--sky);
438
457
  --code-fn: var(--flame);
@@ -486,6 +505,8 @@ select:focus-visible {
486
505
  --mascot-deep: #FF5C9E;
487
506
  --purple-2: #C277FF;
488
507
  --green: #5CBF52;
508
+ --cat-green-ink: #5CBF52;
509
+ --cat-purple-ink: #C277FF;
489
510
  --code-string: var(--green-2);
490
511
  --code-keyword: var(--sky);
491
512
  --code-fn: var(--flame);
@@ -531,6 +552,9 @@ select:focus-visible {
531
552
  --cat-green: inherit;
532
553
  --cat-purple: inherit;
533
554
  --cat-mascot: inherit;
555
+ --cat-green-ink: inherit;
556
+ --cat-purple-ink: inherit;
557
+ --cat-mascot-ink: inherit;
534
558
  --cat-sun: inherit;
535
559
  --cat-flame: inherit;
536
560
  --cat-sky: inherit;
package/dist/247420.css CHANGED
@@ -127,6 +127,17 @@
127
127
  --cat-flame: var(--flame);
128
128
  --cat-sky: var(--sky);
129
129
 
130
+ /* Readable TEXT tones for the category hues — the same FILL/TEXT split the
131
+ lead accent already draws with --accent (fill) vs --accent-ink (text).
132
+ The bare --cat-* values are chroma-matched to sit behind ink on a swatch,
133
+ avatar, or tag; as `color:` on newsprint paper they land at ~3.1:1, under
134
+ the 4.5:1 floor. Any `color:` use of a category hue takes the -ink tone;
135
+ only background/border-color take the bare one. Each -deep source is
136
+ already remapped per-theme below, so these follow the theme too. */
137
+ --cat-green-ink: var(--green-deep);
138
+ --cat-purple-ink: var(--purple-deep);
139
+ --cat-mascot-ink: var(--mascot-deep);
140
+
130
141
  --panel-bg: var(--bg);
131
142
  --panel-bg-2: var(--bg-2);
132
143
  --panel-accent: var(--accent);
@@ -435,6 +446,14 @@
435
446
  --mascot-deep: #FF5C9E;
436
447
  --purple-2: #C277FF;
437
448
  --green: #5CBF52;
449
+ /* --cat-*-ink text tones for dark. The :root sources (--green-deep #133F10,
450
+ --purple-deep #220026) are near-black PAPER tones — on ink they land at
451
+ 1.60:1 / 1.01:1, i.e. invisible. Repoint them at the dark-tuned values
452
+ already proven above: #5CBF52 8.28:1 on ink / 7.04:1 on --bg-2, #C277FF
453
+ 6.77:1 / 5.75:1. --cat-mascot-ink needs no entry here: it tracks
454
+ --mascot-deep, which this same block already remaps to #FF5C9E. */
455
+ --cat-green-ink: #5CBF52;
456
+ --cat-purple-ink: #C277FF;
438
457
  --code-string: var(--green-2);
439
458
  --code-keyword: var(--sky);
440
459
  --code-fn: var(--flame);
@@ -488,6 +507,8 @@
488
507
  --mascot-deep: #FF5C9E;
489
508
  --purple-2: #C277FF;
490
509
  --green: #5CBF52;
510
+ --cat-green-ink: #5CBF52;
511
+ --cat-purple-ink: #C277FF;
491
512
  --code-string: var(--green-2);
492
513
  --code-keyword: var(--sky);
493
514
  --code-fn: var(--flame);
@@ -533,6 +554,9 @@
533
554
  --cat-green: inherit;
534
555
  --cat-purple: inherit;
535
556
  --cat-mascot: inherit;
557
+ --cat-green-ink: inherit;
558
+ --cat-purple-ink: inherit;
559
+ --cat-mascot-ink: inherit;
536
560
  --cat-sun: inherit;
537
561
  --cat-flame: inherit;
538
562
  --cat-sky: inherit;