fix(kanban): reset code element background inside board#20648
fix(kanban): reset code element background inside board#20648liuguangyong93 wants to merge 1 commit into
Conversation
The Nous DS globals.css applies a global rule:
code { background: var(--midground); color: var(--background); }
This paints an opaque cream/yellow fill on every <code> element,
which hides text in the kanban drawer's event-payload, run-meta,
and worker-log panes (all rendered as <code>).
Fix: scope a reset inside .hermes-kanban so <code> elements inherit
their parent's color and stay transparent.
|
Merged via PR #20687 (rebase-merge, commit |
|
Your commit was cherry-picked to main via PR #20687 (commit Thanks again for the root-cause diagnosis. |
Problem
The Nous DS
globals.cssapplies a global rule:This paints an opaque cream/yellow fill on every
<code>element. The kanban dashboard drawer uses<code>tags to render:.hermes-kanban-event-payload).hermes-kanban-run-meta).hermes-kanban-pre)As a result, these sections display solid colored blocks that completely obscure the text content underneath.
Before
Event payloads and run history sections show opaque yellow/cream rectangles covering all text — completely unreadable:
After
Text is clearly visible with proper contrast against the dark background:
(Screenshots omitted from this PR — the fix is straightforward to verify locally.)
Fix
Add a scoped reset at the top of the kanban plugin stylesheet:
This ensures
<code>elements inside the kanban board inherit their parent's color and stay transparent, without affecting the DS selection/code styling elsewhere.Testing