🎨 调整2026莫兰迪主题色

2026-06-05 13:01:09 +08:00
parent 4eb2146206
commit 0be56a5b0c
13 changed files with 376 additions and 102 deletions
@@ -50,28 +50,28 @@ const isDarkMode = useInjectedDarkMode()

 const iconBgClass = computed(() => {
  const colorMap = {
-    indigo: isDarkMode.value ? 'bg-indigo-900' : 'bg-indigo-100',
-    purple: isDarkMode.value ? 'bg-purple-900' : 'bg-purple-100',
-    green: isDarkMode.value ? 'bg-green-900' : 'bg-green-100',
-    blue: isDarkMode.value ? 'bg-blue-900' : 'bg-blue-100'
+    indigo: isDarkMode.value ? 'bg-[#294047]' : 'bg-[#dcebed]',
+    purple: isDarkMode.value ? 'bg-[#443d4b]' : 'bg-[#e7e2ea]',
+    green: isDarkMode.value ? 'bg-[#31564f]' : 'bg-[#e1eee8]',
+    blue: isDarkMode.value ? 'bg-[#2d4851]' : 'bg-[#dce8eb]'
  }
  return colorMap[props.iconColor]
 })

 const iconClass = computed(() => {
  const colorMap = {
-    indigo: isDarkMode.value ? 'text-indigo-400' : 'text-indigo-600',
-    purple: isDarkMode.value ? 'text-purple-400' : 'text-purple-600',
-    green: isDarkMode.value ? 'text-green-400' : 'text-green-600',
-    blue: isDarkMode.value ? 'text-blue-400' : 'text-blue-600'
+    indigo: isDarkMode.value ? 'text-[#b8d4dc]' : 'text-[#3f6a77]',
+    purple: isDarkMode.value ? 'text-[#d4c8dc]' : 'text-[#6f6379]',
+    green: isDarkMode.value ? 'text-[#c4dfd5]' : 'text-[#55796e]',
+    blue: isDarkMode.value ? 'text-[#bfd9df]' : 'text-[#4b7380]'
  }
  return colorMap[props.iconColor]
 })

 const descriptionClass = computed(() => {
  const typeMap = {
-    success: isDarkMode.value ? 'text-green-400' : 'text-green-600',
-    error: isDarkMode.value ? 'text-red-400' : 'text-red-600',
+    success: isDarkMode.value ? 'text-[#b6d6ca]' : 'text-[#5f8377]',
+    error: isDarkMode.value ? 'text-[#e5c5ca]' : 'text-[#8b5962]',
    neutral: isDarkMode.value ? 'text-gray-400' : 'text-gray-600'
  }
  return typeMap[props.descriptionType]