Improve code block and table readability in dark theme

[Copilot]

Code samples had insufficient contrast in dark mode, and table rows lacked visual distinction making content difficult to read.

Changes

Code Blocks

• Added explicit --code-text variable for both themes
  • Light: #1a1a1a on #f5f5f5 background
  • Dark: #d4d4d4 on #1e1e1e background (darkened from #2d2d2d)
• Added border, improved font stack (Monaco, Consolas), increased line-height to 1.5

Tables

• Implemented alternating row colors via --table-row-even-bg and --table-row-odd-bg
  • Light: #fafafa / #fff
  • Dark: #252525 / #1e1e1e
• Added hover state for row interactivity
• Increased cell padding 0.5rem → 0.75rem
• Dedicated --table-header-bg variable for consistent header styling

Screenshots

Dark Theme - Code Samples

Dark Theme - Tables

Light Theme - Tables

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:

• unpkg.com
  • Triggering command: /usr/local/bin/node node scripts/postinstall.js (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

Add color to the code samples on the website. The font is hard to read. Also, tables don't look good in the dark theme, there are white rows and you can't read the font.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.