@kolkrabbi/kol-theme 0.172.0 → 0.173.0

package/kol-base-tokens.css

@@ -87,6 +87,11 @@
    * Two declarations, not one. The single-token version was my elegance, not a
    * requirement — the two themes want different depths and that is allowed. */
   --kol-surface-sunken: var(--kol-oq-ab-100);
+  /* THE SECONDARY FILL'S HOVER / PRESS (PrimaryHoverIsTheWell, kol-fxr 2026-10-10) — the primary
+   * tone's two steps. Light steps down from the rest fill (242 → 234 → 226, clear of a 250 page);
+   * the well would be the WHITE pole here, lighter than rest. Dark goes to the well — see below. */
+  --kol-surface-secondary-hover: rgb(from var(--kol-surface-secondary) calc(r - 8) calc(g - 8) calc(b - 8));
+  --kol-surface-secondary-press: rgb(from var(--kol-surface-secondary) calc(r - 16) calc(g - 16) calc(b - 16));
 
   --kol-surface-inverse: #0e0e11;
   --kol-surface-on-inverse: #fcfbf8;
@@ -116,6 +121,10 @@
   --kol-surface-tertiary: #0e0e11;
   /* the well is the 96 rung in dark, not the pole — see the light block */
   --kol-surface-sunken: var(--kol-oq-ab-96);
+  /* dark: rest 25 minus 8 was 17 on an 18 rail — the button vanished on hover. The well (10)
+   * is the step; press is one past it. */
+  --kol-surface-secondary-hover: var(--kol-surface-sunken);
+  --kol-surface-secondary-press: rgb(from var(--kol-surface-sunken) calc(r - 8) calc(g - 8) calc(b - 8));
   --kol-surface-on-tertiary: #ffffff;
 
 
@@ -164,6 +173,10 @@
     --kol-surface-tertiary: #0e0e11;
     /* the well is the 96 rung in dark, not the pole — see the light block */
     --kol-surface-sunken: var(--kol-oq-ab-96);
+    /* dark: rest 25 minus 8 was 17 on an 18 rail — the button vanished on hover. The well (10)
+     * is the step; press is one past it. */
+    --kol-surface-secondary-hover: var(--kol-surface-sunken);
+    --kol-surface-secondary-press: rgb(from var(--kol-surface-sunken) calc(r - 8) calc(g - 8) calc(b - 8));
     --kol-surface-on-tertiary: #ffffff;
 
 

package/kol-components-molecules.css

@@ -2005,11 +2005,13 @@
    * = 31 (lighter). So the step is taken from the REST FILL itself, down a fixed 8 and 16 in both
    * themes — light 242 → 234 → 226, dark 25 → 17 → 9. Deeper is darker on both grounds. Decided on
    * the recommendation; Round 9 shows the three steps in both themes for review. */
-  --kol-tone-hover-bg: rgb(from var(--kol-surface-secondary) calc(r - 8) calc(g - 8) calc(b - 8));
+  /* the steps are surface tokens since 0.173.0 — light keeps 242 → 234 → 226, dark goes to the
+   * well (PrimaryHoverIsTheWell, kol-fxr 2026-10-10: 25 → 17 was the 18 rail's own color) */
+  --kol-tone-hover-bg: var(--kol-surface-secondary-hover);
   --kol-tone-hover-image: none;
   --kol-tone-hover-fg: var(--kol-surface-on-primary);
   --kol-tone-hover-border: transparent;
-  --kol-tone-active-bg: rgb(from var(--kol-surface-secondary) calc(r - 16) calc(g - 16) calc(b - 16));
+  --kol-tone-active-bg: var(--kol-surface-secondary-press);
   --kol-tone-active-image: none;
   --kol-tone-pressed-bg: var(--kol-surface-on-primary);
   --kol-tone-pressed-image: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.172.0",
+  "version": "0.173.0",
   "description": "Tokens and base CSS",
   "license": "MIT",
   "type": "module",