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

- 在 tailwind.config.js 中启用 darkMode: 'class' 并扩展语义化颜色变量
- 将全项目硬编码颜色（bg-white、text-gray-*、border-gray-* 等）替换为语义化类名
- 修复 popup/index.html 硬编码浅色背景色
- 同步更新相关单元测试中的类名断言

components/GlobalSnackbar.tsx

@@ -137,7 +137,7 @@ const severityConfig: Record<
   { icon: React.ElementType; bgClass: string; textClass: string }
 > = {
   success: { icon: CheckCircle, bgClass: 'bg-green-500', textClass: 'text-white' },
-  info: { icon: Info, bgClass: 'bg-blue-500', textClass: 'text-white' },
+  info: { icon: Info, bgClass: 'bg-primary/100', textClass: 'text-white' },
   warning: { icon: AlertTriangle, bgClass: 'bg-amber-500', textClass: 'text-white' },
   error: { icon: XCircle, bgClass: 'bg-red-500', textClass: 'text-white' },
 };