wip

Author: overtrue

.github/workflows/deploy.yml

@@ -1,4 +1,4 @@
-name: 简化版部署到阿里云 OSS
+name: 
 
 on:
   push:

.vitepress/theme/components/home.vue

@@ -13,7 +13,7 @@ defineProps({
 </script>
 <template>
   <div class="home-components container mx-auto flex flex-col gap-8 py-12">
-    <h1 class="text-2xl! lg:text-4xl! leading-none font-bold! tracking-tight! text-gray-900 mt-10! mb-8! sm:mt-14! sm:mb-10!">{{ title }} </h1>
+    <h1 class="text-2xl! lg:text-4xl! leading-none font-bold! tracking-tight! dark:text-slate-300 text-slate-900 mt-10! mb-8! sm:mt-14! sm:mb-10!">{{ title }} </h1>
 
     <div class="grid grid-cols-4 gap-6 items-stretch justify-items-start">
       <template v-for="group in sidebar" :key="group.text" class="flex w-full">

.vitepress/theme/components/nav-card.vue

@@ -1,16 +1,16 @@
 <template>
   <template v-if="group.home">
-    <div class="rounded shadow bg-slate-100 p-6 flex flex-col">
+    <div class="rounded shadow bg-neutral-100 dark:bg-neutral-800 p-6 flex flex-col">
       <h4 class="mt-0! py-0 font-bold!">{{ group.text }}</h4>
       <ul class="flex-1 my-4! ml-3! space-y-2">
         <li v-for="item in displayItems" :key="item.text" class="list-disc">
-          <a :href="item.link" class="text-gray-700! hover:text-blue-600! hover:underline">
+          <a :href="item.link" class="text-gray-700! dark:text-gray-300! hover:text-blue-600! hover:underline">
             {{ item.text }}
           </a>
         </li>
       </ul>
-      <div v-if="hasMore" class="mt-4 pt-4 border-t border-slate-200">
-        <a :href="group.link" class="text-blue-600! hover:text-blue-800 text-sm font-medium">
+      <div v-if="hasMore" class="mt-4 pt-4 border-t border-neutral-200 dark:border-neutral-700">
+        <a :href="group.items[0].link" class="dark:text-gray-300 text-blue-600! hover:text-blue-800 text-sm font-medium">
           {{ viewMoreLabel }} ({{ group.items.length }})
         </a>
       </div>

.vitepress/theme/tailwind.css

@@ -1 +1,2 @@
 @import "tailwindcss";
+@custom-variant dark (&:where(.dark, .dark *));