wip

.vitepress/hooks/Template.vue

@@ -5,7 +5,24 @@ defineProps<{ title: string; description?: string }>()
 <template>
   <div
     tw="w-full h-full bg-black flex flex-col"
-    style="background-image: url(https://fmhy.pages.dev/og.png)"
+    style="
+      background-image: linear-gradient(
+        43deg,
+        #b794f4 2%,
+        #b18df2 7.5%,
+        #ab87ef 13%,
+        #9f7aea 24%,
+        #8c6ee2 32%,
+        #7864d8 40%,
+        #4c51bf 56%,
+        #4949ae 60.5%,
+        #46419b 65%,
+        #3c366b 74%,
+        #2f315d 80.5%,
+        #272d47 87%,
+        #1a202c 100%
+      );
+    "
   >
     <div
       tw="p-10 w-full min-h-0 grow flex flex-col items-center justify-between"
@@ -22,6 +39,5 @@ defineProps<{ title: string; description?: string }>()
         <div style="color: #c0caf5" tw="mt-2 text-4xl" v-html="description" />
       </div>
     </div>
-    <div tw="shrink-0 h-2 w-full flex" style="background-color: #c4b5fd" />
   </div>
 </template>

package.json

@@ -16,9 +16,9 @@
     "postinstall": "nitropack prepare"
   },
   "dependencies": {
+    "@fmhy/colors": "^0.0.10",
     "@headlessui/vue": "^1.7.17",
     "@resvg/resvg-js": "^2.6.0",
-    "vitepress": "npm:@taskylizard/vitepress@1.0.10",
     "consola": "^3.2.3",
     "feed": "^4.2.2",
     "fs-extra": "^11.2.0",
@@ -28,6 +28,7 @@
     "nprogress": "^0.2.0",
     "pathe": "^1.1.2",
     "unocss": "^0.58.4",
+    "vitepress": "npm:@taskylizard/vitepress@1.0.10",
     "vue": "^3.4.15",
     "x-satori": "^0.1.5",
     "zod": "^3.22.4"

pnpm-lock.yaml

@@ -5,6 +5,9 @@ settings:
   excludeLinksFromLockfile: false
 
 dependencies:
+  '@fmhy/colors':
+    specifier: ^0.0.10
+    version: 0.0.10
   '@headlessui/vue':
     specifier: ^1.7.17
     version: 1.7.17(vue@3.4.15)
@@ -1066,6 +1069,11 @@ packages:
     engines: {node: '>=14'}
     dev: false
 
+  /@fmhy/colors@0.0.10:
+    resolution: {integrity: sha512-iie+ZqDTbDesUACCNX6xE2SEYD8jdU5Jh4wYgoyHHsLtaxzbX1Tc2jUzG6Mn10kdPFXV04RChELSRlglv128Xg==}
+    engines: {node: '>=18.16.1'}
+    dev: false
+
   /@headlessui/vue@1.7.17(vue@3.4.15):
     resolution: {integrity: sha512-hmJChv8HzKorxd9F70RGnECAwZfkvmmwOqreuKLWY/19d5qbWnSdw+DNbuA/Uo6X5rb4U5B3NrT+qBKPmjhRqw==}
     engines: {node: '>=10'}

unocss.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig, presetUno, presetAttributify, presetIcons } from 'unocss'
+import { colors, shortcuts } from '@fmhy/colors'
 
 export default defineConfig({
   content: {
@@ -6,6 +7,7 @@ export default defineConfig({
   },
   theme: {
     colors: {
+      colors,
       primary: 'var(--vp-c-brand-1)',
       bg: 'var(--vp-c-bg)',
       'bg-alt': 'var(--vp-c-bg-alt)',
@@ -15,6 +17,7 @@ export default defineConfig({
       div: 'var(--vp-c-divider)'
     }
   },
+  shortcuts,
   presets: [
     presetUno(),
     presetAttributify(),