docs: tweaked color

Signed-off-by: Neko Ayaka <[email protected]>
Co-authored-by: Rizumu Ayaka <[email protected]>

Author: nekomeowww

docs/.vitepress/theme/components/VPHeroImage.vue

@@ -1,15 +1,20 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useData } from 'vitepress'
+// import { computed } from 'vue'
+// import { useData } from 'vitepress'
 
-const { isDark } = useData()
-const src = computed(() => isDark.value ? '/logo-dark.png' : '/logo-day.png')
+// const { isDark } = useData()
+// const src = computed(() => isDark.value ? '/logo-dark.png' : '/logo-day.png')
 </script>
 
 <template>
   <img
-    :src="src"
-    class="VPImage image-src"
+    src="/logo-light.png"
+    class="VPImage image-src block dark:hidden"
+    alt="Hero Image"
+  >
+  <img
+    src="/logo-dark.png"
+    class="VPImage image-src hidden dark:block"
     alt="Hero Image"
   >
 </template>

docs/.vitepress/theme/styles/vars.css

@@ -82,23 +82,23 @@
 :root {
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
-    120deg,
+    -45deg,
     #8d6fc7 40%,
-    #4fc4d8
+    #572fbd
   );
   --vp-home-hero-image-background-image: linear-gradient(
-    -45deg,
-    #cdbdea 30%,
-    rgba(226, 207, 241, 0.56)
+    180deg,
+    #d9c9f6 25%,
+    #c4bbd3
   );
   --vp-home-hero-image-filter: blur(30px);
 }
 
 .dark:root {
   --vp-home-hero-image-background-image: linear-gradient(
-    -45deg,
-    #251c32 30%,
-    #382558
+    180deg,
+    #402661 30%,
+    #000000
   )
 }