Fix code snippet contrast in light mode using dual Shiki themes

[Copilot]

Code blocks are unreadable in light mode — Shiki's default github-dark theme applies a dark background via inline styles that the CSS can't override, while pre code { color } overrides Shiki's token colors with dark values, yielding dark-on-dark text.

Changes

• astro.config.mjs: Configure dual Shiki themes (github-light / github-dark) so Astro emits both color sets per token as inline styles + CSS custom properties
• src/styles/global.css:
  • Drop background from pre and change pre code color to inherit — let Shiki control these per-theme
  • Add .dark .astro-code rules to switch to --shiki-dark* custom properties when dark mode is active

Before / After (light mode)

Before	After

Dark mode remains unchanged:

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/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro build (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro preview --host 0.0.0.0 (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro preview (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)

[waldekmastykarz]

@copilot check in on a page that proves the fix like https://devproxy.net/blog/dev-proxy-v2-3-1-with-fixes-for-permissions-guidance-and-entra-mocking/ which has two plain-text snippets. Show me the before and after screenshots

[Copilot]

@copilot check in on a page that proves the fix like https://devproxy.net/blog/dev-proxy-v2-3-1-with-fixes-for-permissions-guidance-and-entra-mocking/ which has two plain-text snippets...

Verified on the v2.3 post which has a plain-text code block (the Dev Proxy started in background... snippet). The repo doesn't include a v2.3.1 post yet, but the v2.3 post has the same plain-text snippet type.

Before (light mode) — plain-text code block:

After (light mode) — plain-text code block:

After (dark mode) — plain-text code block:

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/.npm/_npx/aa98e6899c6baff3/node_modules/.bin/astro build (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro build (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro preview (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)