From 952ce86de7a3c87c90831f8827df24b8a578aec6 Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Mon, 8 Jun 2026 04:33:43 -0400 Subject: [PATCH] Tint rhyming words in their family color over the blocks MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Rhyming words now take a quiet tint of their family hue (28-60% toward the color by strength, mixed with ink for legibility) on top of the soft block fill — both channels at once: the block groups, the tinted glyphs carry the color. The sub-word underline still marks the exact rhyme. Subtle enough to read through. Co-Authored-By: Claude Opus 4.8 (1M context) --- static/index.html | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/static/index.html b/static/index.html index 9e873f2..abf69d6 100644 --- a/static/index.html +++ b/static/index.html @@ -663,12 +663,9 @@ function render(){ dg = ` data-g="${t.g}"`; style += `background:color-mix(in srgb, ${colorOf(t)} ${alpha}%, transparent);`; if(w){ tk = ` data-tk="${i}:${w.s}"`; if(w.rs == null || a >= w.rs) tk += ` data-tl="${i}:${w.s}"`; } - // faint underline on the rhyming tail (rs..e) of a word — a - // whisper of precision under the full-word fill - if(w && w.rs != null && a >= w.rs){ - const u = Math.round(42 * (w.str != null ? w.str : 1)); - shadows.push(`inset 0 -1.5px 0 0 color-mix(in srgb, ${colorOf(w)} ${u}%, transparent)`); - } + // the whole rhyming word takes a quiet tint of the family color + const mix = Math.round(28 + 32 * str); + style += `color:color-mix(in srgb, ${colorOf(t)} ${mix}%, var(--ink));`; }else if(op){ style += `background:color-mix(in srgb, var(--ink-dim) 13%, transparent);`; }