Card component in <json-render> renders solid black background on factory-light theme

[atiqrahmanx]

Card component in <json-render> renders solid black background on factory-light theme

What happens

When Droid's AI responds with <json-render> tags containing "type": "Card" components, each Card renders as a solid black rectangle on the factory-light theme. The text inside exists but is invisible — it becomes readable when selected in the terminal (macOS selection highlight provides contrast).

How to reproduce

1. Set theme to factory-light
2. Send: Analyze my system and present the results using json-render with Card components for each section
3. Each Card appears as a black block

What works vs what breaks

These components render correctly on factory-light:

• ProgressBar, BarChart, Table, Heading, Divider, Callout, StatusLine, Text

This component does not:

• Card — renders as solid black rectangle

Environment

• Droid v0.138.0
• Terminal: Ghostty
• Theme: factory-light
• OS: macOS (Darwin 25.5.0), arm64

Example <json-render> payload that triggers it

{
  "root": {
    "type": "Box",
    "props": { "flexDirection": "column", "padding": 1 },
    "children": [
      { "type": "Heading", "props": { "text": "System Analysis", "level": "h1" } },
      { "type": "ProgressBar", "props": { "progress": 0.76, "width": 50 } },
      { "type": "Divider", "props": { "title": "System Details" } },
      { "type": "Card", "props": { "title": "Hardware", "padding": 1 }, "children": ["hw1"] },
      { "type": "Card", "props": { "title": "Operating System", "padding": 1 } },
      { "type": "Card", "props": { "title": "CPU & Load", "padding": 1 } }
    ]
  }
}