diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 9b1a771de93d47..1a729dc3237553 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -53,9 +53,9 @@ export default defineConfig({
     },
 
     nav: [
-      { text: 'Guide', link: '/guide/' },
-      { text: 'Config', link: '/config/' },
-      { text: 'Plugins', link: '/plugins/' },
+      { text: 'Guide', link: '/guide/', activeMatch: '/guide/' },
+      { text: 'Config', link: '/config/', activeMatch: '/config/' },
+      { text: 'Plugins', link: '/plugins/', activeMatch: '/plugins/' },
       {
         text: 'Links',
         items: [
diff --git a/docs/.vitepress/theme/components/HomeSponsors.vue b/docs/.vitepress/theme/components/HomeSponsors.vue
index 5eec6e1d8cd5cb..16ea073b423820 100644
--- a/docs/.vitepress/theme/components/HomeSponsors.vue
+++ b/docs/.vitepress/theme/components/HomeSponsors.vue
@@ -9,6 +9,7 @@ const { data } = useSponsor()
   <VPHomeSponsors
     v-if="data"
     message="Vite is free and open source, made possible by wonderful sponsors."
+    action-text="Become a sponsor"
     action-link="https://github.com/sponsors/yyx990803"
     :data="data"
   />
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index f8d6642180d4ce..3b4d7e38df76ab 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,7 +1,6 @@
 import { h } from 'vue'
 import Theme from 'vitepress/theme'
 import './styles/vars.css'
-import './styles/custom.css'
 import HomeSponsors from './components/HomeSponsors.vue'
 import AsideSponsors from './components/AsideSponsors.vue'
 
@@ -10,7 +9,7 @@ export default {
   Layout() {
     return h(Theme.Layout, null, {
       'home-features-after': () => h(HomeSponsors),
-      'aside-outline-after': () => h(AsideSponsors)
+      'aside-ads-before': () => h(AsideSponsors)
     })
   }
 }
diff --git a/docs/.vitepress/theme/styles/custom.css b/docs/.vitepress/theme/styles/custom.css
deleted file mode 100644
index 69671d732acc5c..00000000000000
--- a/docs/.vitepress/theme/styles/custom.css
+++ /dev/null
@@ -1,15 +0,0 @@
-@media (min-width: 640px) {
-  .VPHero .text {
-    max-width: 592px;
-  }
-
-  .VPHero .tagline {
-    max-width: 440px;
-  }
-}
-
-@media (min-width: 960px) {
-  .VPHero .tagline {
-    max-width: 480px;
-  }
-}
diff --git a/docs/.vitepress/theme/styles/vars.css b/docs/.vitepress/theme/styles/vars.css
index 938bf984656ec3..feacdfcd2dfd4d 100644
--- a/docs/.vitepress/theme/styles/vars.css
+++ b/docs/.vitepress/theme/styles/vars.css
@@ -38,6 +38,25 @@
     #bd34fe 30%,
     #41d1ff
   );
+
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #bd34fe 50%,
+    #47caff 50%
+  );
+  --vp-home-hero-image-filter: blur(40px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(72px);
+  }
 }
 
 /**
diff --git a/docs/index.md b/docs/index.md
index 07a25e6bcbfa59..40e6df844db31a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -9,8 +9,8 @@ hero:
   text: Next Generation Frontend Tooling
   tagline: Get ready for a development environment that can finally catch up with you.
   image:
-    light: /vite-splash-light.jpg
-    dark: /vite-splash-dark.jpg
+    src: /logo-with-shadow.png
+    alt: Vite
   actions:
     - theme: brand
       text: Get Started
diff --git a/docs/public/logo-with-shadow.png b/docs/public/logo-with-shadow.png
new file mode 100644
index 00000000000000..8b23c919ed7b9c
Binary files /dev/null and b/docs/public/logo-with-shadow.png differ
diff --git a/docs/public/vite-splash-dark.jpg b/docs/public/vite-splash-dark.jpg
deleted file mode 100644
index bda6e66c911b7a..00000000000000
Binary files a/docs/public/vite-splash-dark.jpg and /dev/null differ
diff --git a/docs/public/vite-splash-light.jpg b/docs/public/vite-splash-light.jpg
deleted file mode 100644
index a2f936bde14210..00000000000000
Binary files a/docs/public/vite-splash-light.jpg and /dev/null differ
diff --git a/package.json b/package.json
index a8dec1b00371ad..5811ce3f6f519d 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "typescript": "^4.6.4",
     "unbuild": "^0.7.4",
     "vite": "workspace:*",
-    "vitepress": "1.0.0-draft.6",
+    "vitepress": "1.0.0-draft.8",
     "vitest": "^0.12.9",
     "vue": "^3.2.35"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a86744abcf8732..4495b294a0b344 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -64,7 +64,7 @@ importers:
       typescript: ^4.6.4
       unbuild: ^0.7.4
       vite: workspace:*
-      vitepress: 1.0.0-draft.6
+      vitepress: 1.0.0-draft.8
       vitest: ^0.12.9
       vue: ^3.2.35
     devDependencies:
@@ -122,7 +122,7 @@ importers:
       typescript: 4.6.4
       unbuild: 0.7.4
       vite: link:packages/vite
-      vitepress: 1.0.0-draft.6
+      vitepress: 1.0.0-draft.8
       vitest: 0.12.9
       vue: 3.2.36
 
@@ -8466,8 +8466,8 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /vitepress/1.0.0-draft.6:
-    resolution: {integrity: sha512-l5V9Z31+D9EBFy4na7aNhAQ4MKRGVuwjBlFKDkY4kSRHPDPUC9XcNbH1mbWepeYaauJc9IDniWj7uVU6ZqJ53g==}
+  /vitepress/1.0.0-draft.8:
+    resolution: {integrity: sha512-r1cphHgtJ/KFwtph3cyusGWjRyX0NHvwfBboKnG5mRJpOP/JyvX5q5+NIiRYElPgdFXU7Roxkl8BcJbxWht56Q==}
     engines: {node: '>=14.6.0'}
     hasBin: true
     dependencies: