From fce874358e2326b62d4c9b0772c4b779cbeee7f8 Mon Sep 17 00:00:00 2001 From: Javier Sagredo Date: Thu, 7 May 2026 00:07:56 +0200 Subject: [PATCH] Don't recolor the focused type-family node The [?focused] cytoscape rule used to paint every focused node dark blue, which on the amber family node left dark-on-dark text that couldn't be read. Split the rule: class nodes still go navy; family nodes keep their amber palette and indicate focus via a thicker brown border and larger text. Co-Authored-By: Claude Opus 4.7 (1M context) --- data/viewer.js | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/data/viewer.js b/data/viewer.js index 0276043..01e13a1 100644 --- a/data/viewer.js +++ b/data/viewer.js @@ -1644,9 +1644,12 @@ opacity: 0.85, }, }, - // Focused class in instance view + // Focused class in instance view: darken the class colour for + // emphasis. Restricted to class nodes so we don't clobber the + // family node's amber background (which has dark text — repainting + // it dark blue makes the label illegible). { - selector: 'node[?focused]', + selector: 'node[kind = "class"][?focused]', style: { 'background-color': '#1e3a8a', 'border-color': '#1e3a8a', @@ -1654,6 +1657,16 @@ 'font-size': 14, }, }, + // Focused family in family view: keep the family's own amber + // colours; emphasise via a thicker brown border + larger text. + { + selector: 'node[kind = "family"][?focused]', + style: { + 'border-color': '#92400e', + 'border-width': 3, + 'font-size': 14, + }, + }, // Instance node { selector: 'node[kind = "instance"]', -- 2.54.0