🎨 调整2026莫兰迪主题色

2026-06-05 13:01:09 +08:00
parent 4eb2146206
commit 0be56a5b0c
13 changed files with 376 additions and 102 deletions
@@ -13,8 +13,12 @@ const toggleColorMode = () => {
 <template>
  <button
    @click="toggleColorMode"
-    class="p-2 rounded-full transition-all duration-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transform hover:rotate-180"
-    :class="isDarkMode ? 'bg-gray-800 text-yellow-300' : 'bg-white text-gray-800'"
+    class="rounded-full p-2 shadow-sm transition-all duration-500 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-[#8fb2bf] focus:ring-offset-2 transform hover:rotate-180"
+    :class="
+      isDarkMode
+        ? 'bg-[#263941] text-[#d8c98e]'
+        : 'bg-[#edf4f5] text-[#4f6c75]'
+    "
  >
    <SunIcon v-if="!isDarkMode" class="w-6 h-6" />
    <MoonIcon v-else class="w-6 h-6" />