mirror of
https://github.com/Kpa-clawbot/meshcore-analyzer.git
synced 2026-05-25 17:44:02 +00:00
81bf3b4b12
## Summary Fixes the poor contrast in the node side pane's "Paths through this node" section in dark mode. ## Root Cause .node-detail-section (side pane) had no background or border — it inherited the lighter --detail-bg (#232340) from .panel-right. The same content on the full detail page sits inside .node-full-card which uses the darker --card-bg (#1a1a2e) + a visible border, giving it proper contrast. | Context | Container | Background | Contrast | |---------|-----------|------------|----------| | Full detail page | .node-full-card | --card-bg (darker) | ✅ Good | | Side pane | .node-detail-section | inherited --detail-bg (lighter) | ❌ Poor | ## Fix Give .node-detail-section the same card treatment as .node-full-card: `css .node-detail-section { background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; padding: 12px; margin-bottom: 8px; } ` - All colors use CSS variables — no hardcoded hex values - Both light and dark themes benefit from the card treatment - No JS changes needed — CSS-only fix - Cache busters bumped in the same commit Fixes #334 Co-authored-by: Kpa-clawbot <259247574+Kpa-clawbot@users.noreply.github.com> Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>