light-dark() function support for syntax highlight

dahlia · dahlia · commit a8d5cf1f1742 · 2025-06-04T16:44:32.000+09:00
Use CSS light-dark() function in Shiki configuration to enable automatic
theme switching for code syntax highlighting based on user's color scheme
preference.
diff --git a/package.json b/package.json
@@ -33,7 +33,7 @@
     "@logtape/sentry": "^0.1.0",
     "@sentry/core": "^8.47.0",
     "@sentry/node": "^8.47.0",
-    "@shikijs/markdown-it": "^3.4.2",
+    "@shikijs/markdown-it": "^3.5.0",
     "@supercharge/promise-pool": "^3.2.0",
     "argon2": "^0.41.1",
     "cheerio": "^1.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/text.ts b/src/text.ts
@@ -42,6 +42,7 @@ const shiki = await Shiki({
     light: "one-light",
     dark: "one-dark-pro",
   },
+  defaultColor: "light-dark()",
 });
 
 export async function formatText(
