style: update theme of code block and live editor

shervinchen · Nov 1, 2024 · ea20964 · ea20964
1 parent da005cf
commit ea20964
Show file tree

Hide file tree

Showing 6 changed files with 299 additions and 202 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -6,7 +6,7 @@ import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 
 const options = {
   // Use one of Shiki's packaged themes
-  theme: 'css-variables',
+  theme: 'dracula',
   // Or your own JSON theme
   // theme: JSON.parse(
   //   fs.readFileSync(require.resolve('./themes/dark.json'), 'utf-8')

diff --git a/package.json b/package.json
@@ -101,7 +101,7 @@
     "react-live": "^4.1.6",
     "react-test-renderer": "^18.2.0",
     "rehype-autolink-headings": "^6.1.1",
-    "rehype-pretty-code": "^0.9.7",
+    "rehype-pretty-code": "^0.14.0",
     "rehype-slug": "^5.1.0",
     "remark-gfm": "^3.0.1",
     "rollup": "^4.17.2",
@@ -110,7 +110,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-serve": "^2.0.3",
-    "shiki": "^0.14.2",
+    "shiki": "^1.3.0",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^29.1.2",
     "tslib": "^2.4.0",