diff --git a/.vitepress/theme/styles/landing.css b/.vitepress/theme/styles/landing.css
index 1e919af1..c3d8136c 100644
--- a/.vitepress/theme/styles/landing.css
+++ b/.vitepress/theme/styles/landing.css
@@ -4,17 +4,11 @@
 
 html:has(.landing) {
   --vp-c-bg: #101010;
-
   background-color: #101010;
-
-  body {
-    background-color: #101010;
-  }
 }
 
 .landing {
   overflow-x: hidden;
-  background-color: #101010;
 
   * {
     -webkit-font-smoothing: antialiased !important;
diff --git a/guide/api-environment-runtimes.md b/guide/api-environment-runtimes.md
index b452b6cd..233a4733 100644
--- a/guide/api-environment-runtimes.md
+++ b/guide/api-environment-runtimes.md
@@ -153,12 +153,17 @@ export class ModuleRunner {
 **使用示例：**
 
 ```js
-import { ModuleRunner, ESModulesEvaluator } from 'vite/module-runner'
+import {
+  ModuleRunner,
+  ESModulesEvaluator,
+  createNodeImportMeta,
+} from 'vite/module-runner'
 import { transport } from './rpc-implementation.js'
 
 const moduleRunner = new ModuleRunner(
   {
     transport,
+    createImportMeta: createNodeImportMeta, // if the module runner runs in Node.js
   },
   new ESModulesEvaluator(),
 )
@@ -278,7 +283,11 @@ interface ModuleRunnerTransport {
 ```js [worker.js]
 import { parentPort } from 'node:worker_threads'
 import { fileURLToPath } from 'node:url'
-import { ESModulesEvaluator, ModuleRunner } from 'vite/module-runner'
+import {
+  ESModulesEvaluator,
+  ModuleRunner,
+  createNodeImportMeta,
+} from 'vite/module-runner'
 
 /** @type {import('vite/module-runner').ModuleRunnerTransport} */
 const transport = {
@@ -294,6 +303,7 @@ const transport = {
 const runner = new ModuleRunner(
   {
     transport,
+    createImportMeta: createNodeImportMeta,
   },
   new ESModulesEvaluator(),
 )
diff --git a/index.md b/index.md
index 2b34e22c..1896c340 100644
--- a/index.md
+++ b/index.md
@@ -1,6 +1,8 @@
 ---
 title: Vite
 titleTemplate: 下一代的前端工具链
+# add `dark` here to apply dark mode on initial load,
+# since `onMounted` doesn't run during SSR
 pageClass: landing dark
 
 layout: home
@@ -10,6 +12,9 @@ markdownStyles: false
 ---
 
 <script setup>
+import { useData } from 'vitepress'
+import { onBeforeUnmount, onMounted, ref } from 'vue'
+
 import Hero from '.vitepress/theme/components/landing/1. hero-section/HeroSection.vue'
 import FeatureSection from './.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue'
 import FrameworksSection from './.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue'
@@ -24,6 +29,16 @@ import FeatureFlexiblePlugins from './.vitepress/theme/components/landing/2. fea
 import FeatureTypedAPI from './.vitepress/theme/components/landing/2. feature-section/FeatureTypedAPI.vue'
 import FeatureSSRSupport from './.vitepress/theme/components/landing/2. feature-section/FeatureSSRSupport.vue'
 import FeatureCI from './.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue'
+
+const { isDark } = useData()
+
+onMounted(() => {
+  document.documentElement.classList.add('dark')
+})
+
+onBeforeUnmount(() => {
+  document.documentElement.classList.toggle('dark', isDark.value)
+})
 </script>
 
 <div class="VPHome">