🎨 调整2026莫兰迪主题色

This commit is contained in:
2026-06-05 13:01:09 +08:00
parent 4eb2146206
commit 0be56a5b0c
13 changed files with 376 additions and 102 deletions
+10 -10
View File
@@ -495,8 +495,8 @@
class="inline-flex items-center rounded-[30px] px-3 py-1.5 shadow-sm transition-all duration-200 hover:shadow-md"
:class="[
isDarkMode
? 'bg-indigo-900/20 text-indigo-300 hover:bg-indigo-900/30'
: 'bg-indigo-50 text-indigo-700 hover:bg-indigo-100'
? 'bg-[#294047]/70 text-[#b8d4dc] hover:bg-[#34515a]'
: 'bg-[#dcebed] text-[#3f6a77] hover:bg-[#cfe1e4]'
]"
@click="openFileDetail(file)"
>
@@ -510,8 +510,8 @@
class="inline-flex items-center rounded-[30px] px-3 py-1.5 shadow-sm transition-all duration-200 hover:shadow-md"
:class="[
isDarkMode
? 'bg-gray-700 text-gray-300 hover:bg-gray-600'
: 'bg-gray-100 text-gray-700 hover:bg-gray-200'
? 'bg-[#263941] text-[#d8e3e5] hover:bg-[#2d4751]'
: 'bg-[#edf4f5] text-[#506972] hover:bg-[#e2ecee]'
]"
@click="openTextPreview(file)"
>
@@ -527,8 +527,8 @@
class="inline-flex items-center rounded-[30px] px-3 py-1.5 shadow-sm transition-all duration-200 hover:shadow-md disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:shadow-sm"
:class="[
isDarkMode
? 'bg-emerald-900/20 text-emerald-300 hover:bg-emerald-900/30'
: 'bg-emerald-50 text-emerald-700 hover:bg-emerald-100'
? 'bg-[#31564f]/70 text-[#c4dfd5] hover:bg-[#3c675e]'
: 'bg-[#e1eee8] text-[#55796e] hover:bg-[#d4e5dd]'
]"
@click="downloadFile(file)"
>
@@ -544,8 +544,8 @@
class="inline-flex items-center rounded-[30px] px-3 py-1.5 shadow-sm transition-all duration-200 hover:shadow-md"
:class="[
isDarkMode
? 'bg-blue-900/20 text-blue-300 hover:bg-blue-900/30'
: 'bg-blue-50 text-blue-600 hover:bg-blue-100'
? 'bg-[#2d4851]/70 text-[#bfd9df] hover:bg-[#365862]'
: 'bg-[#dce8eb] text-[#4b7380] hover:bg-[#cfdee2]'
]"
@click="openEditModal(file)"
>
@@ -557,8 +557,8 @@
class="inline-flex items-center rounded-[30px] px-3 py-1.5 shadow-sm transition-all duration-200 hover:shadow-md"
:class="[
isDarkMode
? 'bg-red-900/20 text-red-300 hover:bg-red-900/30'
: 'bg-red-50 text-red-600 hover:bg-red-100'
? 'bg-[#5f383f]/70 text-[#ecd1d6] hover:bg-[#71454d]'
: 'bg-[#f1e2e5] text-[#8b5962] hover:bg-[#e8d3d7]'
]"
@click="deleteFile(file.id)"
>