mirror of
https://github.com/kennethreitz/rhymepad.org.git
synced 2026-06-11 17:08:33 +00:00
Dark ink on the spotlit chips
At 85% fill the off-white text washed out; the focused family's glyphs flip to dark (like the primary button) with a touch of weight. Possible because the highlight layer owns glyph color. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
+4
-1
@@ -601,7 +601,10 @@ function render(){
|
||||
: (w || p);
|
||||
let alpha = !t.ph ? (t.end ? 34 : 19) : (t.end ? 24 : 14);
|
||||
// the caret's family brightens; everything else stays itself
|
||||
if(focusGid !== null && t.g === focusGid) alpha = Math.min(85, Math.round(alpha * 2.8));
|
||||
if(focusGid !== null && t.g === focusGid){
|
||||
alpha = Math.min(85, Math.round(alpha * 2.8));
|
||||
style += 'color:#1a120c;font-weight:600;'; // dark ink on the lit chip
|
||||
}
|
||||
style += `background:color-mix(in srgb, ${colorOf(t)} ${alpha}%, transparent);`;
|
||||
}else if(op){
|
||||
style += `background:color-mix(in srgb, var(--ink-dim) 13%, transparent);`;
|
||||
|
||||
Reference in New Issue
Block a user