Revert "darkmode test version"

This reverts commit 82fb3ec.

Author: myshkin451

.claude/settings.local.json

@@ -1,13 +1,3 @@
 <template>
-  <div class="min-h-screen bg-white dark:bg-dark-bg text-gray-900 dark:text-dark-text">
-    <router-view />
-  </div>
-</template>
-
-<script setup>
-import { useDarkMode } from '@/composables/useDarkMode'
-
-// 初始化黑夜模式
-const { initTheme } = useDarkMode()
-initTheme()
-</script>
+  <router-view />
+</template>

client/package-lock.json

@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-white dark:bg-dark-surface rounded-lg shadow-sm overflow-hidden border dark:border-dark-border hover:shadow-md transition duration-300">
+    <div class="bg-white rounded-lg shadow-sm overflow-hidden border hover:shadow-md transition duration-300">
       <!-- 文章封面图(如果有) -->
       <img v-if="article.coverImage" 
            :src="article.coverImage" 
@@ -9,11 +9,11 @@
       <div class="p-4">
         <!-- 文章标题 -->
         <router-link :to="`/posts/${article.id}`" class="block">
-          <h2 class="text-xl font-bold text-gray-800 dark:text-dark-text hover:text-blue-600 dark:hover:text-dark-accent mb-2">{{ article.title || '无标题文章' }}</h2>
+          <h2 class="text-xl font-bold text-gray-800 hover:text-blue-600 mb-2">{{ article.title || '无标题文章' }}</h2>
         </router-link>
 
         <!-- 文章元信息 -->
-        <div class="flex items-center text-sm text-gray-500 dark:text-dark-muted mb-3">
+        <div class="flex items-center text-sm text-gray-500 mb-3">
           <span v-if="article.author" class="flex items-center mr-4">
             <img :src="article.author.avatar || '/img/default-avatar.png'" 
                  :alt="article.author.username || '作者'"
@@ -31,22 +31,22 @@
         </div>
 
         <!-- 文章摘要 -->
-        <p class="text-gray-600 dark:text-dark-muted mb-4">
+        <p class="text-gray-600 mb-4">
           {{ article.excerpt || (article.content && article.content.substring(0, 150) + '...') || '暂无摘要' }}
         </p>
 
         <!-- 文章分类和标签 -->
         <div class="flex flex-wrap items-center">
           <router-link v-if="article.category" 
                        :to="`/categories/${article.category.slug || article.category.id}`"
-                       class="text-sm text-blue-600 dark:text-dark-accent bg-blue-50 dark:bg-dark-accent/20 px-2 py-1 rounded mr-2 mb-2">
+                       class="text-sm text-blue-600 bg-blue-50 px-2 py-1 rounded mr-2 mb-2">
             {{ article.category.name || '分类' }}
           </router-link>
 
           <router-link v-for="tag in article.tags || []" 
                        :key="tag.id || tag" 
                        :to="`/tags/${tag.slug || tag.id || tag}`"
-                       class="text-sm text-gray-600 dark:text-dark-muted bg-gray-100 dark:bg-dark-card px-2 py-1 rounded mr-2 mb-2">
+                       class="text-sm text-gray-600 bg-gray-100 px-2 py-1 rounded mr-2 mb-2">
             # {{ tag.name || tag }}
           </router-link>
         </div>

client/src/App.vue

@@ -1,12 +1,12 @@
 <template>
-    <div class="category-list bg-white dark:bg-dark-surface rounded-lg shadow-sm border dark:border-dark-border p-4">
-      <h2 class="text-xl font-bold text-gray-800 dark:text-dark-text mb-4">{{ title || '分类' }}</h2>
+    <div class="category-list bg-white rounded-lg shadow-sm border p-4">
+      <h2 class="text-xl font-bold text-gray-800 mb-4">{{ title || '分类' }}</h2>
 
       <div v-if="loading" class="text-center py-4">
         <div class="animate-spin rounded-full h-6 w-6 border-t-2 border-b-2 border-blue-500 mx-auto"></div>
       </div>
 
-      <div v-else-if="categories.length === 0" class="text-gray-500 dark:text-dark-muted text-center py-2">
+      <div v-else-if="categories.length === 0" class="text-gray-500 text-center py-2">
         暂无分类
       </div>
 
@@ -15,11 +15,11 @@
           v-for="category in categories" 
           :key="category.id" 
           :to="`/categories/${category.slug}`"
-          class="block px-3 py-2 rounded hover:bg-gray-100 dark:hover:bg-dark-card transition duration-200"
-          :class="activeCategoryId === category.id ? 'bg-blue-100 dark:bg-dark-accent/20 text-blue-700 dark:text-dark-accent' : 'text-gray-700 dark:text-dark-text'"
+          class="block px-3 py-2 rounded hover:bg-gray-100 transition duration-200"
+          :class="activeCategoryId === category.id ? 'bg-blue-100 text-blue-700' : 'text-gray-700'"
         >
           {{ category.name }}
-          <span v-if="showCount" class="text-gray-500 dark:text-dark-muted text-sm ml-1">({{ category.postCount || 0 }})</span>
+          <span v-if="showCount" class="text-gray-500 text-sm ml-1">({{ category.postCount || 0 }})</span>
         </router-link>
       </div>
     </div>

client/src/components/ArticleCard.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="comment-item border-b dark:border-dark-border pb-4 last:border-b-0 last:pb-0">
+    <div class="comment-item border-b pb-4 last:border-b-0 last:pb-0">
       <!-- 主评论内容 -->
       <div class="flex space-x-4">
         <!-- 用户头像 -->
@@ -10,29 +10,29 @@
             alt="用户头像" 
             class="w-10 h-10 rounded-full object-cover"
           >
-          <div v-else class="w-10 h-10 rounded-full bg-gray-300 dark:bg-dark-card flex items-center justify-center text-gray-600 dark:text-dark-muted">
+          <div v-else class="w-10 h-10 rounded-full bg-gray-300 flex items-center justify-center text-gray-600">
             {{ comment.user?.username?.[0] || '?' }}
           </div>
         </div>
 
         <!-- 评论内容 -->
         <div class="flex-grow">
           <div class="flex items-center mb-1">
-            <span class="font-semibold text-gray-800 dark:text-dark-text">{{ comment.user?.username || '未知用户' }}</span>
-            <span class="text-xs text-gray-500 dark:text-dark-muted ml-2">{{ formatDate(comment.createdAt) }}</span>
+            <span class="font-semibold text-gray-800">{{ comment.user?.username || '未知用户' }}</span>
+            <span class="text-xs text-gray-500 ml-2">{{ formatDate(comment.createdAt) }}</span>
           </div>
 
           <!-- 编辑模式 -->
           <div v-if="isEditing" class="mb-2">
             <textarea
               v-model="editContent"
-              class="w-full p-2 border dark:border-dark-border bg-white dark:bg-dark-surface text-gray-900 dark:text-dark-text rounded focus:ring focus:ring-blue-200 dark:focus:ring-dark-accent/50 focus:border-blue-500 dark:focus:border-dark-accent"
+              class="w-full p-2 border rounded focus:ring focus:ring-blue-200 focus:border-blue-500"
               rows="3"
             ></textarea>
             <div class="flex justify-end space-x-2 mt-2">
               <button 
                 @click="isEditing = false" 
-                class="px-3 py-1 bg-gray-200 dark:bg-dark-card hover:bg-gray-300 dark:hover:bg-dark-card/80 text-gray-700 dark:text-dark-text rounded"
+                class="px-3 py-1 bg-gray-200 hover:bg-gray-300 text-gray-700 rounded"
               >
                 取消
               </button>
@@ -47,28 +47,28 @@
           </div>
 
           <!-- 普通显示模式 -->
-          <p v-else class="text-gray-700 dark:text-dark-text mb-2">{{ comment.content }}</p>
+          <p v-else class="text-gray-700 mb-2">{{ comment.content }}</p>
 
           <!-- 操作按钮 -->
-          <div class="flex space-x-4 text-sm text-gray-500 dark:text-dark-muted">
+          <div class="flex space-x-4 text-sm text-gray-500">
             <button 
               v-if="!isEditing" 
               @click="toggleReplyForm" 
-              class="hover:text-blue-600 dark:hover:text-dark-accent"
+              class="hover:text-blue-600"
             >
               回复
             </button>
             <button 
               v-if="canEdit && !isEditing" 
               @click="startEditing" 
-              class="hover:text-blue-600 dark:hover:text-dark-accent"
+              class="hover:text-blue-600"
             >
               编辑
             </button>
             <button 
               v-if="canEdit && !isEditing" 
               @click="confirmDelete" 
-              class="hover:text-red-600 dark:hover:text-red-400"
+              class="hover:text-red-600"
             >
               删除
             </button>
@@ -78,14 +78,14 @@
           <div v-if="showReplyForm" class="mt-4">
             <textarea
               v-model="replyContent"
-              class="w-full p-2 border dark:border-dark-border bg-white dark:bg-dark-surface text-gray-900 dark:text-dark-text placeholder-gray-500 dark:placeholder-dark-muted rounded focus:ring focus:ring-blue-200 dark:focus:ring-dark-accent/50 focus:border-blue-500 dark:focus:border-dark-accent"
+              class="w-full p-2 border rounded focus:ring focus:ring-blue-200 focus:border-blue-500"
               rows="2"
               placeholder="写下你的回复..."
             ></textarea>
             <div class="flex justify-end space-x-2 mt-2">
               <button 
                 @click="showReplyForm = false" 
-                class="px-3 py-1 bg-gray-200 dark:bg-dark-card hover:bg-gray-300 dark:hover:bg-dark-card/80 text-gray-700 dark:text-dark-text rounded"
+                class="px-3 py-1 bg-gray-200 hover:bg-gray-300 text-gray-700 rounded"
               >
                 取消
               </button>
@@ -100,7 +100,7 @@
           </div>
 
           <!-- 嵌套回复 -->
-          <div v-if="comment.replies && comment.replies.length > 0" class="mt-4 pl-4 border-l-2 border-gray-200 dark:border-dark-border space-y-4">
+          <div v-if="comment.replies && comment.replies.length > 0" class="mt-4 pl-4 border-l-2 border-gray-200 space-y-4">
             <!-- 递归显示每条回复 -->
             <div v-for="reply in comment.replies" :key="reply.id" class="py-2">
               <div class="flex space-x-3">
@@ -112,31 +112,31 @@
                     alt="用户头像" 
                     class="w-8 h-8 rounded-full object-cover"
                   >
-                  <div v-else class="w-8 h-8 rounded-full bg-gray-300 dark:bg-dark-card flex items-center justify-center text-gray-600 dark:text-dark-muted text-sm">
+                  <div v-else class="w-8 h-8 rounded-full bg-gray-300 flex items-center justify-center text-gray-600 text-sm">
                     {{ reply.user?.username?.[0] || '?' }}
                   </div>
                 </div>
 
                 <!-- 回复内容 -->
                 <div class="flex-grow">
                   <div class="flex items-center mb-1">
-                    <span class="font-semibold text-gray-800 dark:text-dark-text">{{ reply.user?.username || '未知用户' }}</span>
-                    <span class="text-xs text-gray-500 dark:text-dark-muted ml-2">{{ formatDate(reply.createdAt) }}</span>
+                    <span class="font-semibold text-gray-800">{{ reply.user?.username || '未知用户' }}</span>
+                    <span class="text-xs text-gray-500 ml-2">{{ formatDate(reply.createdAt) }}</span>
                   </div>
-                  <p class="text-gray-700 dark:text-dark-text">{{ reply.content }}</p>
+                  <p class="text-gray-700">{{ reply.content }}</p>
 
                   <!-- 回复的操作按钮 -->
-                  <div v-if="isLoggedIn" class="flex space-x-4 text-xs text-gray-500 dark:text-dark-muted mt-1">
+                  <div v-if="isLoggedIn" class="flex space-x-4 text-xs text-gray-500 mt-1">
                     <button 
                       @click="toggleReplyForm" 
-                      class="hover:text-blue-600 dark:hover:text-dark-accent"
+                      class="hover:text-blue-600"
                     >
                       回复
                     </button>
                     <button 
                       v-if="isCurrentUser(reply.userId)" 
                       @click="confirmDeleteReply(reply.id)" 
-                      class="hover:text-red-600 dark:hover:text-red-400"
+                      class="hover:text-red-600"
                     >
                       删除
                     </button>

client/src/components/CategoryList.vue

@@ -1,13 +1,13 @@
 <template>
     <div class="comment-section">
-      <h3 class="text-xl font-bold text-gray-800 dark:text-dark-text mb-6">评论 ({{ totalComments }})</h3>
+      <h3 class="text-xl font-bold text-gray-800 mb-6">评论 ({{ totalComments }})</h3>
 
       <!-- 评论列表 -->
       <div v-if="loading" class="py-4 text-center">
         <div class="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-blue-500 mx-auto"></div>
       </div>
 
-      <div v-else-if="comments.length === 0" class="text-center py-6 text-gray-500 dark:text-dark-muted">
+      <div v-else-if="comments.length === 0" class="text-center py-6 text-gray-500">
         暂无评论，成为第一个评论的人吧！
       </div>
 
@@ -22,12 +22,12 @@
       </div>
 
       <!-- 评论输入框 -->
-      <div class="border-t dark:border-dark-border pt-6">
-        <h4 class="text-lg font-semibold text-gray-800 dark:text-dark-text mb-4">发表评论</h4>
+      <div class="border-t pt-6">
+        <h4 class="text-lg font-semibold mb-4">发表评论</h4>
 
-        <div v-if="!isLoggedIn" class="bg-gray-50 dark:bg-dark-card p-4 rounded text-center">
-          <p class="text-gray-600 dark:text-dark-muted mb-2">登录后才能发表评论</p>
-          <router-link to="/login" class="text-blue-600 dark:text-dark-accent hover:underline">
+        <div v-if="!isLoggedIn" class="bg-gray-50 p-4 rounded text-center">
+          <p class="text-gray-600 mb-2">登录后才能发表评论</p>
+          <router-link to="/login" class="text-blue-600 hover:underline">
             立即登录
           </router-link>
         </div>
@@ -36,7 +36,7 @@
           <div class="mb-4">
             <textarea
               v-model="newComment"
-              class="w-full p-3 border dark:border-dark-border bg-white dark:bg-dark-surface text-gray-900 dark:text-dark-text placeholder-gray-500 dark:placeholder-dark-muted rounded-lg focus:ring focus:ring-blue-200 dark:focus:ring-dark-accent/50 focus:border-blue-500 dark:focus:border-dark-accent"
+              class="w-full p-3 border rounded-lg focus:ring focus:ring-blue-200 focus:border-blue-500"
               rows="4"
               placeholder="写下你的评论..."
             ></textarea>

client/src/components/CommentItem.vue

@@ -1,17 +1,17 @@
 <template>
-    <footer class="bg-white dark:bg-dark-surface border-t dark:border-dark-border py-8">
+    <footer class="bg-white border-t py-8">
       <div class="container mx-auto px-4">
         <div class="flex flex-col md:flex-row justify-between items-center">
           <div class="mb-4 md:mb-0">
-            <p class="text-gray-600 dark:text-dark-muted">
+            <p class="text-gray-600">
               © {{ currentYear }} Myshkin451博客. 保留所有权利. 
               <span class="text-xs">v2.0 - CI/CD Enabled!</span>
             </p>
           </div>
 
           <!-- 社交媒体链接(预留) -->
           <div class="flex space-x-4">
-            <a href="#" class="text-gray-500 dark:text-dark-muted hover:text-gray-700 dark:hover:text-dark-text">
+            <a href="#" class="text-gray-500 hover:text-gray-700">
               <span class="sr-only">GitHub</span>
               <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
                 <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>