Skip to content

fix: color status dot icon instead of text on dashboard#5

Merged
chodeus merged 1 commit intomainfrom
claude/fix-status-light-color-CBlFB
Apr 14, 2026
Merged

fix: color status dot icon instead of text on dashboard#5
chodeus merged 1 commit intomainfrom
claude/fix-status-light-color-CBlFB

Conversation

@chodeus
Copy link
Copy Markdown
Owner

@chodeus chodeus commented Apr 14, 2026

Summary

  • The previous status color fix (fix: scan order, cancel bug, live library size, status colors #4) incorrectly applied color classes to the card value text ("Idle") instead of the dot icon in the card label
  • Adds an ID to the status icon span and targets it in JS so the dot changes color per status (idle/scanning/setup/error)
  • Adds matching glow (text-shadow) and pulse animation for the icon, consistent with the header status dot styling
  • Status text remains its default color — only the symbol is colored

Test plan

  • Load the dashboard and verify the icon in the STATUS card is green when idle
  • Trigger a scan and verify the icon turns yellow with a pulse animation
  • Verify the "Idle"/"Scanning" text below the icon stays its default color
  • Verify the header status dot still works correctly

https://claude.ai/code/session_01JjSrmv2syvkNMJziuSnzGE

The previous fix incorrectly applied color classes to the card-value text
element. This changes it to target the ● icon in the card label, matching
the header status dot behavior with color + glow/pulse effects.

https://claude.ai/code/session_01JjSrmv2syvkNMJziuSnzGE
@chodeus chodeus merged commit 3ffa213 into main Apr 14, 2026
1 check passed
@chodeus chodeus deleted the claude/fix-status-light-color-CBlFB branch April 14, 2026 06:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants