fix: 修复暗黑模式样式兼容性

- 在 tailwind.config.js 中启用 darkMode: 'class' 并扩展语义化颜色变量
- 将全项目硬编码颜色(bg-white、text-gray-*、border-gray-* 等)替换为语义化类名
- 修复 popup/index.html 硬编码浅色背景色
- 同步更新相关单元测试中的类名断言
This commit is contained in:
雨霖铃
2026-05-22 16:04:50 +08:00
parent 5b9a0f59d3
commit de7da9f1db
42 changed files with 274 additions and 261 deletions
+1 -1
View File
@@ -13,7 +13,7 @@ export default function ErrorDisplay({ error }: ErrorDisplayProps) {
<div className="flex flex-col items-center justify-center rounded-lg p-6 shadow-lg border border-red-200 bg-red-50">
<AlertCircle className="h-9 w-9 text-red-500 mb-3" />
<p className="text-sm font-bold leading-relaxed mb-4 text-red-600">{error}</p>
<p className="text-xs font-medium leading-relaxed text-gray-500">
<p className="text-xs font-medium leading-relaxed text-muted-foreground">
{t('storageCleaner:errorStandardOnly')}
</p>
</div>