diff --git a/package-lock.json b/package-lock.json
index 02c599b..232b695 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,7 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
-        "@code-hike/mdx": "^0.8.3",
+        "@code-hike/mdx": "^0.9.0",
         "@remix-run/node": "^2.1.0",
         "@remix-run/react": "^2.1.0",
         "@remix-run/serve": "^2.1.0",
@@ -811,21 +811,20 @@
       }
     },
     "node_modules/@code-hike/lighter": {
-      "version": "0.6.4",
-      "resolved": "https://registry.npmjs.org/@code-hike/lighter/-/lighter-0.6.4.tgz",
-      "integrity": "sha512-RGH/15WnFecNSPUxMVmbql0py25ijrhQlMtqkOSIgVZtmHxh00DkqImx65uL3dADFIzOa0RkN3ObUJWAppOgJQ==",
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@code-hike/lighter/-/lighter-0.7.0.tgz",
+      "integrity": "sha512-64O07rIORKQLB+5T/GKAmKcD9sC0N9yHFJXa0Hs+0Aee1G+I4bSXxTccuDFP6c/G/3h5Pk7yv7PoX9/SpzaeiQ==",
       "funding": {
         "url": "https://github.com/code-hike/lighter?sponsor=1"
       }
     },
     "node_modules/@code-hike/mdx": {
-      "version": "0.8.3",
-      "resolved": "https://registry.npmjs.org/@code-hike/mdx/-/mdx-0.8.3.tgz",
-      "integrity": "sha512-pbbv7PivrU+GqPiM0ufehNyhsoge8V25fx+y89M2yKgEWMAFnNkk4E1XaW/X81QzIq3h58IoKEWnNYSJpERTvA==",
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@code-hike/mdx/-/mdx-0.9.0.tgz",
+      "integrity": "sha512-0wg68ZCjVWAkWT4gBUZJ8Mwktjen/XeWyqBQCrhA2IZSbZZnMYsEI6JJEFb/nZoNI3comB3JdxPLykZRq3qT2A==",
       "dependencies": {
-        "@code-hike/lighter": "0.6.4",
-        "node-fetch": "^2.0.0",
-        "shiki": "^0.10.1"
+        "@code-hike/lighter": "0.7.0",
+        "node-fetch": "^2.0.0"
       },
       "funding": {
         "type": "github",
@@ -835,21 +834,6 @@
         "react": "^16.8.3 || ^17 || ^18"
       }
     },
-    "node_modules/@code-hike/mdx/node_modules/shiki": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.10.1.tgz",
-      "integrity": "sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==",
-      "dependencies": {
-        "jsonc-parser": "^3.0.0",
-        "vscode-oniguruma": "^1.6.1",
-        "vscode-textmate": "5.2.0"
-      }
-    },
-    "node_modules/@code-hike/mdx/node_modules/vscode-textmate": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-5.2.0.tgz",
-      "integrity": "sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ=="
-    },
     "node_modules/@emotion/hash": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
@@ -12886,35 +12870,17 @@
       }
     },
     "@code-hike/lighter": {
-      "version": "0.6.4",
-      "resolved": "https://registry.npmjs.org/@code-hike/lighter/-/lighter-0.6.4.tgz",
-      "integrity": "sha512-RGH/15WnFecNSPUxMVmbql0py25ijrhQlMtqkOSIgVZtmHxh00DkqImx65uL3dADFIzOa0RkN3ObUJWAppOgJQ=="
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@code-hike/lighter/-/lighter-0.7.0.tgz",
+      "integrity": "sha512-64O07rIORKQLB+5T/GKAmKcD9sC0N9yHFJXa0Hs+0Aee1G+I4bSXxTccuDFP6c/G/3h5Pk7yv7PoX9/SpzaeiQ=="
     },
     "@code-hike/mdx": {
-      "version": "0.8.3",
-      "resolved": "https://registry.npmjs.org/@code-hike/mdx/-/mdx-0.8.3.tgz",
-      "integrity": "sha512-pbbv7PivrU+GqPiM0ufehNyhsoge8V25fx+y89M2yKgEWMAFnNkk4E1XaW/X81QzIq3h58IoKEWnNYSJpERTvA==",
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@code-hike/mdx/-/mdx-0.9.0.tgz",
+      "integrity": "sha512-0wg68ZCjVWAkWT4gBUZJ8Mwktjen/XeWyqBQCrhA2IZSbZZnMYsEI6JJEFb/nZoNI3comB3JdxPLykZRq3qT2A==",
       "requires": {
-        "@code-hike/lighter": "0.6.4",
-        "node-fetch": "^2.0.0",
-        "shiki": "^0.10.1"
-      },
-      "dependencies": {
-        "shiki": {
-          "version": "0.10.1",
-          "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.10.1.tgz",
-          "integrity": "sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==",
-          "requires": {
-            "jsonc-parser": "^3.0.0",
-            "vscode-oniguruma": "^1.6.1",
-            "vscode-textmate": "5.2.0"
-          }
-        },
-        "vscode-textmate": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-5.2.0.tgz",
-          "integrity": "sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ=="
-        }
+        "@code-hike/lighter": "0.7.0",
+        "node-fetch": "^2.0.0"
       }
     },
     "@emotion/hash": {
diff --git a/package.json b/package.json
index 3f31851..aaeab7e 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "typecheck": "tsc --noEmit --pretty --skipLibCheck"
   },
   "dependencies": {
-    "@code-hike/mdx": "^0.8.3",
+    "@code-hike/mdx": "^0.9.0",
     "@remix-run/node": "^2.1.0",
     "@remix-run/react": "^2.1.0",
     "@remix-run/serve": "^2.1.0",
diff --git a/remix.config.js b/remix.config.js
index ece1704..8ff5e7d 100644
--- a/remix.config.js
+++ b/remix.config.js
@@ -1,7 +1,13 @@
+const { remarkCodeHike } = require("@code-hike/mdx");
+const theme = require("shiki/themes/one-dark-pro.json");
+
 /** @type {import('@remix-run/dev').AppConfig} */
 module.exports = {
   ignoredRouteFiles: ["**/.*"],
   serverDependenciesToBundle: ["mdx-bundler"],
   tailwind: true,
   serverModuleFormat: "cjs",
+  mdx: {
+    remarkPlugins: [[remarkCodeHike, { theme }]],
+  },
 };