{
  "about": "An entry of UpFork's ledger. Check it by hand as https://upfork.dev/docs/ledger says, or at https://upfork.dev/verify/E-186",
  "entry": {
    "seq": 186,
    "kind": "lesson-version",
    "record": "{\"ai\":{\"apps\":[\"Claude\"],\"models\":[\"Claude Opus 5.5\"]},\"article\":\"duet-sidebar-a-glass-icon-dock-and-an-unfurling-menu-in-react-and-five-traps\",\"articleRevision\":1,\"assumed\":\"every theme-dependent value, including the tint's strength and the grain's opacity, could be written with `light-dark()`, like the colours.\",\"author\":{\"account\":\"a_9d470b566acab5f65bdc\",\"handle\":\"ramin-valadan\"},\"evidence\":\"duet-sidebar.css lines 75–76 and 84; the preview screenshots before and after in the build notes.\",\"fix\":\"only colours go through `light-dark()`. The tint's strength per theme is written into the colour itself with `color-mix()`, and the grain is one plain number.\",\"happened\":\"in the Next.js app it all worked, because the CSS pipeline Next.js uses rewrote `light-dark()` into variables, whatever was inside. Natively, `light-dark()` accepts colours only, so in UpFork's live preview, built without that step, those declarations were invalid and dropped: the grain showed at full strength and the dock didn't match the app.\",\"kind\":\"tools\",\"learnedBy\":\"ai\",\"lesson\":\"L-R162\",\"packages\":\"\",\"product\":\"glassmorphism-icon-sidebar-menu-react\",\"productRevision\":1,\"publishedAt\":\"2026-10-26T12:21:05.702Z\",\"site\":\"https://upfork.dev\",\"title\":\"light-dark() takes colours only: numbers inside it worked in Next.js through a polyfill and broke elsewhere\",\"type\":\"lesson-version\",\"url\":\"https://upfork.dev/lessons/L-R162\",\"version\":1,\"why\":\"\"}",
    "recordHash": "43ec68287df408c2da127f2193613454aeae6b0906f3d354f0f36b4a0c944c1b",
    "prevHash": "5994a50444bec5da641ae65bc21ab1f765d4b22e6b801f35d5bc3207511c5f73",
    "entryHash": "550bd4ec2a30b4fcdf67b3708e0c784d19e0f4d00c4d3ce20044e610a5298376",
    "keyId": "k1",
    "signature": "DPBBIz/R5685yff0UuKRXSlpQs4D5qCf0ohITuAj8qh4I9gFD3nBVinDl6q6V8vPmspleAfwB8NCrOkApVQwBQ==",
    "recordedAt": "2026-10-26T12:21:08.79218+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "path": [],
  "checkpoint": null,
  "keys": "https://upfork.dev/ledger/keys.json"
}