fix: z-index too low in TemplateManager.vue

packages/ui/src/components/TemplateManager.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="fixed inset-0 z-[65] flex items-center justify-center"
+    class="fixed inset-0 z-[65] flex items-center justify-center overflow-y-auto"
     @click="$emit('close')"
   >
     <div class="theme-dialog-overlay"></div>
@@ -169,7 +169,7 @@
         <Teleport to="body">
           <!-- 查看/编辑模态框 -->
           <div v-if="showAddForm || editingTemplate || viewingTemplate" 
-               class="fixed inset-0 z-[60] flex items-center justify-center overflow-y-auto"
+               class="fixed inset-0 z-[70] flex items-center justify-center overflow-y-auto"
                @click="cancelEdit">
             <div class="fixed inset-0 bg-black/60 backdrop-blur-sm"></div>
             

packages/ui/src/components/Toast.vue

@@ -14,10 +14,10 @@
           :key="toast.id"
           class="flex items-center space-x-2 px-4 py-2 rounded-lg shadow-lg max-w-sm"
           :class="{
-            'bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 text-green-600 dark:text-green-400': toast.type === 'success',
-            'bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-600 dark:text-red-400': toast.type === 'error',
-            'bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 text-blue-600 dark:text-blue-400': toast.type === 'info',
-            'bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-yellow-600 dark:text-yellow-400': toast.type === 'warning'
+            'bg-green-50/95 dark:bg-green-900/95 border border-green-200 dark:border-green-800 text-green-600 dark:text-green-400': toast.type === 'success',
+            'bg-red-50/95 dark:bg-red-900/95 border border-red-200 dark:border-red-800 text-red-600 dark:text-red-400': toast.type === 'error',
+            'bg-blue-50/95 dark:bg-blue-900/95 border border-blue-200 dark:border-blue-800 text-blue-600 dark:text-blue-400': toast.type === 'info',
+            'bg-yellow-50/95 dark:bg-yellow-900/95 border border-yellow-200 dark:border-yellow-800 text-yellow-600 dark:text-yellow-400': toast.type === 'warning'
           }"
         >
           <span class="text-sm">{{ toast.message }}</span>

packages/ui/src/styles/theme.css

@@ -140,18 +140,18 @@ body {
   
   /* 加载指示器 */
   .theme-loading {
-    @apply bg-purple-500/90 dark:bg-purple-600/90 text-white 
+    @apply bg-purple-500/95 dark:bg-purple-600/95 text-white 
            transition-colors duration-300;
   }
   
   /* 错误指示器 */
   .theme-error {
-    @apply bg-red-500/90 text-white;
+    @apply bg-red-500/95 dark:bg-red-600/95 text-white;
   }
   
   /* 成功指示器 */
   .theme-success {
-    @apply bg-green-500/90 text-white;
+    @apply bg-green-500/95 dark:bg-green-600/95 text-white;
   }
 }