Display dark mode availability on component cards and detail pages

[Copilot]

Dark mode support was already tracked per-component via dark: true in MDX frontmatter, but this information was never surfaced to users browsing the library.

Changes

ComponentCard.astro

• Computes darkCount from the existing dark field on each component entry
• Renders a Moon icon + count badge when darkCount > 0, positioned left of the arrow
• Uses aria-label for accessibility (screen readers, keyboard users)

ComponentPost.astro (detail page)

• Computes darkCount and totalCount from the components array
• Renders a summary line at the top of the component list: "X of Y components have a dark mode variant/variants"
• Only shown when at least one dark variant exists

Both additions are purely derived from existing data — no schema changes required.

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:

• telemetry.astro.build
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/hyperui/hyperui/node_modules/.bin/astro check (dns block)
• workers.cloudflare.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/hyperui/hyperui/node_modules/.bin/astro check (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)

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	hyperui	f6465eb	Commit Preview URL Branch Preview URL	May 08 2026, 06:17 PM