Fix documentation tab dark mode: replace hardcoded colors with CSS variables

[Copilot]

The documentation tab used hardcoded light backgrounds (#f0f4ff, #f1f8f4, etc.) and dark text (#333, #666), causing text to disappear in dark mode.

Changes

• Card backgrounds: Replaced hardcoded hex colors with var(--bg-secondary) in all 5 documentation cards
• Text colors: Applied var(--text-primary) to headings and body text, var(--text-secondary) to metadata
• Preserved: Colored left borders (#667eea, #4caf50, #ff9800, #2196f3) for visual hierarchy

# Before
<div style='background: #f0f4ff; border-left: 4px solid #667eea; ...'>
    <h3 style='margin-top: 0; color: #667eea;'>✨ Perguntas Suportadas</h3>
    <ul>
        ...
    </ul>
</div>

# After
<div style='background: var(--bg-secondary); border-left: 4px solid #667eea; ...'>
    <h3 style='margin-top: 0; color: #667eea;'>✨ Perguntas Suportadas</h3>
    <ul style='color: var(--text-primary);'>
        ...
    </ul>
</div>

Screenshots

Light Mode (unchanged behavior):

Dark Mode (fixed - text now visible):

Files Modified

• app.py lines 1495-1557: Documentation tab HTML

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• api.gradio.app
  • Triggering command: python3 app.py --port 7860 (dns block)
• huggingface.co
  • Triggering command: python3 app.py --port 7860 (dns block)
• us.i.posthog.com
  • Triggering command: python3 app.py --port 7860 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

precisamos ajustar a aba de documentacao, no modo escuro as letras somem pq os cards ficam claros, os cads n devem mudar de cor no modo escuro

Created from VS Code via the GitHub Pull Request extension.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.