From c3a0a5c434419dc01dadfbd0a4c2bd7232153ac9 Mon Sep 17 00:00:00 2001
From: Daisuke <nakada0907@outlook.com>
Date: Sun, 1 Mar 2026 19:18:25 +0900
Subject: [PATCH] Improve code block visibility with dual Shiki themes

- Configure Shiki with github-light and github-dark themes
- Apply Shiki dark mode CSS variables to .astro-code elements
- Follow Astro official documentation for dual theme implementation

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 src/styles/global.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index c94e447..39ad246 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -130,7 +130,10 @@ pre {
     overflow-x: auto;
 }
 
-html.dark pre {
-    background-color: #1e293b !important;
+html.dark .astro-code,
+html.dark .astro-code span {
+  color: var(--shiki-dark) !important;
+  background-color: var(--shiki-dark-bg) !important;
 }
 
+