@kolkrabbi/kol-theme 0.109.0 → 0.110.0

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 (3) hide show
  1. package/kol-base-tokens.css +6 -1
  2. package/kol-opaque.css +7 -0
  3. package/package.json +1 -1
package/kol-base-tokens.css CHANGED
@@ -74,7 +74,12 @@
74
74
  * flips toward the ground, `oq-ab-96` IS the well everywhere — 245 under a
75
75
  * 250 page in light, 10 under an 18 page in dark. The per-theme alias this
76
76
  * replaced was the tell that the ladder underneath was wrong. */
77
- --kol-surface-sunken: var(--kol-oq-ab-96);
77
+ /* THE POLE ITSELF (user 2026-08-30: *"in light mode we could fix the sunken
78
+ * to use fff? fully white?"*). `100` is the ab ladder's endpoint — the ground
79
+ * pole, no mix — so the well is pure #ffffff in light and pure #000000 in
80
+ * dark, and it is still ONE token because `ab` flips toward the ground.
81
+ * A washed page cannot close this gap the way it closed the 96 rung. */
82
+ --kol-surface-sunken: var(--kol-oq-ab-100);
78
83
 
79
84
  --kol-surface-inverse: #0e0e11;
80
85
  --kol-surface-on-inverse: #fcfbf8;
package/kol-opaque.css CHANGED
@@ -259,6 +259,7 @@
259
259
  --kol-oq-ab-80: color-mix(in srgb, var(--kol-color-ab-white) 80%, var(--kol-color-ab-black));
260
260
  --kol-oq-ab-88: color-mix(in srgb, var(--kol-color-ab-white) 88%, var(--kol-color-ab-black));
261
261
  --kol-oq-ab-96: color-mix(in srgb, var(--kol-color-ab-white) 96%, var(--kol-color-ab-black));
262
+ --kol-oq-ab-100: var(--kol-color-ab-white);
262
263
 
263
264
  --kol-oq-ab-inverse-01: color-mix(in srgb, var(--kol-color-ab-black) 1%, var(--kol-color-ab-white));
264
265
  --kol-oq-ab-inverse-02: color-mix(in srgb, var(--kol-color-ab-black) 2%, var(--kol-color-ab-white));
@@ -275,6 +276,7 @@
275
276
  --kol-oq-ab-inverse-80: color-mix(in srgb, var(--kol-color-ab-black) 80%, var(--kol-color-ab-white));
276
277
  --kol-oq-ab-inverse-88: color-mix(in srgb, var(--kol-color-ab-black) 88%, var(--kol-color-ab-white));
277
278
  --kol-oq-ab-inverse-96: color-mix(in srgb, var(--kol-color-ab-black) 96%, var(--kol-color-ab-white));
279
+ --kol-oq-ab-inverse-100: var(--kol-color-ab-black);
278
280
  }
279
281
 
280
282
  /* DARK — the ground is black, so `ab` starts from black */
@@ -294,6 +296,7 @@
294
296
  --kol-oq-ab-80: color-mix(in srgb, var(--kol-color-ab-black) 80%, var(--kol-color-ab-white));
295
297
  --kol-oq-ab-88: color-mix(in srgb, var(--kol-color-ab-black) 88%, var(--kol-color-ab-white));
296
298
  --kol-oq-ab-96: color-mix(in srgb, var(--kol-color-ab-black) 96%, var(--kol-color-ab-white));
299
+ --kol-oq-ab-100: var(--kol-color-ab-black);
297
300
 
298
301
  --kol-oq-ab-inverse-01: color-mix(in srgb, var(--kol-color-ab-white) 1%, var(--kol-color-ab-black));
299
302
  --kol-oq-ab-inverse-02: color-mix(in srgb, var(--kol-color-ab-white) 2%, var(--kol-color-ab-black));
@@ -310,6 +313,7 @@
310
313
  --kol-oq-ab-inverse-80: color-mix(in srgb, var(--kol-color-ab-white) 80%, var(--kol-color-ab-black));
311
314
  --kol-oq-ab-inverse-88: color-mix(in srgb, var(--kol-color-ab-white) 88%, var(--kol-color-ab-black));
312
315
  --kol-oq-ab-inverse-96: color-mix(in srgb, var(--kol-color-ab-white) 96%, var(--kol-color-ab-black));
316
+ --kol-oq-ab-inverse-100: var(--kol-color-ab-white);
313
317
  }
314
318
 
315
319
  /* system-follow: the block a user who never touched the toggle gets */
@@ -330,6 +334,7 @@
330
334
  --kol-oq-ab-80: color-mix(in srgb, var(--kol-color-ab-black) 80%, var(--kol-color-ab-white));
331
335
  --kol-oq-ab-88: color-mix(in srgb, var(--kol-color-ab-black) 88%, var(--kol-color-ab-white));
332
336
  --kol-oq-ab-96: color-mix(in srgb, var(--kol-color-ab-black) 96%, var(--kol-color-ab-white));
337
+ --kol-oq-ab-100: var(--kol-color-ab-black);
333
338
 
334
339
  --kol-oq-ab-inverse-01: color-mix(in srgb, var(--kol-color-ab-white) 1%, var(--kol-color-ab-black));
335
340
  --kol-oq-ab-inverse-02: color-mix(in srgb, var(--kol-color-ab-white) 2%, var(--kol-color-ab-black));
@@ -346,6 +351,7 @@
346
351
  --kol-oq-ab-inverse-80: color-mix(in srgb, var(--kol-color-ab-white) 80%, var(--kol-color-ab-black));
347
352
  --kol-oq-ab-inverse-88: color-mix(in srgb, var(--kol-color-ab-white) 88%, var(--kol-color-ab-black));
348
353
  --kol-oq-ab-inverse-96: color-mix(in srgb, var(--kol-color-ab-white) 96%, var(--kol-color-ab-black));
354
+ --kol-oq-ab-inverse-100: var(--kol-color-ab-white);
349
355
  }
350
356
  }
351
357
  /* CLASSES — absolute tiers */
@@ -364,6 +370,7 @@
364
370
  .bg-oq-ab-80 { background-color: var(--kol-oq-ab-80); }
365
371
  .bg-oq-ab-88 { background-color: var(--kol-oq-ab-88); }
366
372
  .bg-oq-ab-96 { background-color: var(--kol-oq-ab-96); }
373
+ .bg-oq-ab-100 { background-color: var(--kol-oq-ab-100); }
367
374
 
368
375
  .bg-oq-ab-inverse-01 { background-color: var(--kol-oq-ab-inverse-01); }
369
376
  .bg-oq-ab-inverse-02 { background-color: var(--kol-oq-ab-inverse-02); }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-theme",
3
- "version": "0.109.0",
3
+ "version": "0.110.0",
4
4
  "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
5
5
  "license": "MIT",
6
6
  "type": "module",