nakada0907/n-daisuke897-blog
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Improve code block visibility with dual Shiki themes

Browse source 
- 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>
This commit is contained in:
Daisuke Nakahara 2026-03-01 19:18:25 +09:00
parent 4e8962a8b4
commit c3a0a5c434
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/styles/global.css
View file

@ -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;
}