Merge pull request #25 from hexart/fix/white-theme

fix: optimize white theme

.gitignore

@@ -35,3 +35,4 @@ dist-ssr
 
 .vscode
 .vercel
+*.code-workspace

jsconfig.json

@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+      "baseUrl": ".",
+      "paths": {
+        "@prompt-optimizer/core/*": ["packages/core/src/*"],
+        "@prompt-optimizer/ui/*": ["packages/ui/src/*"],
+        "@prompt-optimizer/web/*": ["packages/web/src/*"],
+        "@prompt-optimizer/extension/*": ["packages/extension/src/*"]
+      }
+    },
+    "include": ["packages/*/src"],
+    "exclude": ["node_modules", "**/node_modules", "**/dist"]
+  }

packages/ui/src/components/InputPanel.vue

@@ -11,7 +11,7 @@
       <textarea
         :value="modelValue"
         @input="$emit('update:modelValue', $event.target.value)"
-        class="w-full px-4 py-3 theme-input resize-none"
+        class="w-full theme-input resize-none"
         :placeholder="placeholder"
         rows="4"
       ></textarea>

packages/ui/src/components/Modal.vue

@@ -43,13 +43,13 @@
               <slot name="footer">
                 <button
                   @click="$emit('update:modelValue', false)"
-                  class="theme-button-text px-4 py-2 text-sm"
+                  class="theme-button-secondary"
                 >
                   取消
                 </button>
                 <button
                   @click="$emit('confirm')"
-                  class="theme-button-primary px-4 py-2 text-sm"
+                  class="theme-button-primary"
                 >
                   确认
                 </button>

packages/ui/src/components/ModelSelect.vue

@@ -7,14 +7,14 @@
     >
       <div class="flex items-center justify-between">
         <div class="flex items-center space-x-2">
-          <span v-if="modelValue && getSelectedModel && getSelectedModel.enabled" class="theme-text">
+          <span v-if="modelValue && getSelectedModel && getSelectedModel.enabled" class="theme-text text-sm">
             {{ getSelectedModel.name }}
           </span>
           <span v-else class="theme-placeholder">
             {{ !enabledModels.length ? '请配置模型' : '请选择模型' }}
           </span>
         </div>
-        <span class="theme-text">
+        <span class="theme-text text-sm">
           <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
             <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
           </svg>
@@ -43,7 +43,7 @@
              ]"
         >
           <div class="flex items-center justify-between">
-            <span>{{ model.name }}</span>
+            <span class="theme-text text-sm">{{ model.name }}</span>
           </div>
         </div>
       </div>

packages/ui/src/components/PromptPanel.vue

@@ -12,8 +12,8 @@
             class="px-2 py-1 text-xs rounded transition-colors"
             :class="[
               currentVersionId === version.id
-                ? 'bg-purple-600/30 text-purple-300 dark:bg-purple-700/40 dark:text-purple-200 font-medium'
-                : 'text-white/50 hover:text-white/70 dark:text-white/40 dark:hover:text-white/60'
+                ? 'font-medium theme-prompt-version-selected'
+                : 'theme-prompt-version-unselected'
             ]"
           >
             V{{ version.version }}
@@ -63,7 +63,7 @@
 
       <div class="space-y-4">
         <div>
-          <h4 class="text-sm font-medium text-white/90 dark:text-white/80 mb-2">{{ templateSelectText }}</h4>
+          <h4 class="theme-label mb-2">{{ templateSelectText }}</h4>
           <TemplateSelect
             :modelValue="selectedIterateTemplate"
             @update:modelValue="$emit('update:selectedIterateTemplate', $event)"
@@ -73,10 +73,10 @@
         </div>
 
         <div>
-          <h4 class="text-sm font-medium text-white/90 dark:text-white/80 mb-2">请输入需要优化的方向：</h4>
+          <h4 class="theme-label mb-2">请输入需要优化的方向：</h4>
           <textarea
             v-model="iterateInput"
-            class="w-full bg-black/30 dark:bg-gray-900/80 border-none rounded-lg p-3 text-white/90 dark:text-white/80 placeholder-gray-400 dark:placeholder-gray-500 text-sm resize-none focus:ring-2 focus:ring-purple-500/50 dark:focus:ring-purple-600/50 transition-colors duration-300"
+            class="w-full theme-input resize-none"
             placeholder="例如：使提示词更简洁、增加特定功能描述等..."
             rows="3"
           ></textarea>
@@ -86,13 +86,13 @@
       <template #footer>
         <button
           @click="cancelIterate"
-          class="px-4 py-2 text-sm text-white/70 hover:text-white/90 dark:text-white/60 dark:hover:text-white/80 transition-colors"
+          class="theme-button-secondary"
         >
           取消
         </button>
         <button
           @click="submitIterate"
-          class="px-4 py-2 text-sm bg-purple-600 hover:bg-purple-500 dark:bg-purple-700 dark:hover:bg-purple-600 text-white rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+          class="theme-button-primary disabled:opacity-50 disabled:cursor-not-allowed"
           :disabled="!iterateInput.trim() || isIterating"
         >
           {{ isIterating ? '优化中...' : '确认优化' }}

packages/ui/src/components/TemplateManager.vue

@@ -57,7 +57,7 @@
             </h3>
             <button
               @click="showAddForm = true"
-              class="theme-manager-button-primary"
+              class="theme-manager-button-secondary"
             >
               添加提示词
             </button>