From 3d222f47f1af4ec025d1429ec4f02fea1d5053d2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 16 Apr 2026 08:10:57 +0000
Subject: [PATCH 1/3] Initial plan


From deefcadb1c40b8a9b96bffb5103c7598de3f0592 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 16 Apr 2026 08:15:51 +0000
Subject: [PATCH 2/3] Initial plan for fixing code snippet contrast in light
 mode

Agent-Logs-Url: https://github.com/dev-proxy-tools/dev-proxy-tools.github.io/sessions/1e57e512-e6d3-4cd5-b3f8-7476bcd87054

Co-authored-by: waldekmastykarz <11164679+waldekmastykarz@users.noreply.github.com>
---
 package-lock.json | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 51e4fbd..fdcab11 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5399,7 +5399,6 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
       "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -5744,7 +5743,6 @@
       "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "~0.27.0",
         "get-tsconfig": "^4.7.5"
@@ -6298,7 +6296,6 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
       "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }

From 06d4243afd4968381360b4ce92334e8f7ae77393 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 16 Apr 2026 08:18:47 +0000
Subject: [PATCH 3/3] Fix code snippet contrast in light mode using dual Shiki
 themes

Configure Astro to use github-light and github-dark Shiki themes
with CSS toggling based on the .dark class. This ensures code blocks
have proper contrast in both light and dark modes.

Agent-Logs-Url: https://github.com/dev-proxy-tools/dev-proxy-tools.github.io/sessions/1e57e512-e6d3-4cd5-b3f8-7476bcd87054

Co-authored-by: waldekmastykarz <11164679+waldekmastykarz@users.noreply.github.com>
---
 astro.config.mjs      |  8 ++++++++
 src/styles/global.css | 13 +++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 2156dbc..2e7bc01 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -7,6 +7,14 @@ import tailwindcss from '@tailwindcss/vite';
 export default defineConfig({
   site: 'https://devproxy.net',
   base: '/',
+  markdown: {
+    shikiConfig: {
+      themes: {
+        light: 'github-light',
+        dark: 'github-dark',
+      },
+    },
+  },
   integrations: [
     astroConsent({
       siteName: 'This website',
diff --git a/src/styles/global.css b/src/styles/global.css
index 490ad0d..fceecbb 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -73,11 +73,20 @@ body {
   tr { border-bottom: 1px solid var(--border-primary); }
   td { padding: 0.5rem 0.75rem; }
 
-  pre { background: var(--code-bg); border: 1px solid var(--code-border); border-radius: 0.5rem; padding: 1rem; overflow-x: auto; margin: 1rem 0; }
+  pre { border: 1px solid var(--code-border); border-radius: 0.5rem; padding: 1rem; overflow-x: auto; margin: 1rem 0; }
   code { color: var(--code-text); }
-  pre code { color: var(--code-block-text); }
+  pre code { color: inherit; }
 
   blockquote { border-left: 4px solid #a855f7; padding-left: 1rem; color: var(--text-muted); }
 
   kbd { background: var(--bg-tertiary); padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-size: 0.875rem; border: 1px solid var(--border-secondary); }
+}
+
+.dark .astro-code,
+.dark .astro-code span {
+  color: var(--shiki-dark) !important;
+  background-color: var(--shiki-dark-bg) !important;
+  font-style: var(--shiki-dark-font-style) !important;
+  font-weight: var(--shiki-dark-font-weight) !important;
+  text-decoration: var(--shiki-dark-text-decoration) !important;
 }
\ No newline at end of file