feat(web): 从 Notion 风格切换到 Pinterest 设计系统

- 替换 DESIGN.md 为 Pinterest 设计规格(暖色调、红色主题、大圆角)
- 更新 CSS 变量:主色 #0075de→#e60023, 圆角 4px→16px, 背景 #f6f5f4→#f6f6f3
- 更新 Ant Design 主题令牌:更大圆角、Pinterest 色板、更大触控目标
- 批量更新 24 个页面/组件文件中的硬编码颜色值
- 暗色模式同步适配 Pinterest 暖色调暗色方案
This commit is contained in:
iven
2026-04-20 22:13:20 +08:00
parent 8f3d2d58e7
commit 85e732cf12
27 changed files with 547 additions and 657 deletions

View File

@@ -41,11 +41,11 @@ import {
import PluginSettingsForm from '../components/PluginSettingsForm';
const STATUS_CONFIG: Record<PluginStatus, { color: string; label: string }> = {
uploaded: { color: '#615d59', label: '已上传' },
uploaded: { color: '#62625b', label: '已上传' },
installed: { color: '#2563EB', label: '已安装' },
enabled: { color: '#1aae39', label: '已启用' },
running: { color: '#1aae39', label: '运行中' },
disabled: { color: '#e5534b', label: '已禁用' },
enabled: { color: '#103c25', label: '已启用' },
running: { color: '#103c25', label: '运行中' },
disabled: { color: '#9e0a0a', label: '已禁用' },
uninstalled: { color: '#9333EA', label: '已卸载' },
};
@@ -215,7 +215,7 @@ export default function PluginAdmin() {
key: 'status',
width: 100,
render: (status: PluginStatus) => {
const cfg = STATUS_CONFIG[status] || { color: '#615d59', label: status };
const cfg = STATUS_CONFIG[status] || { color: '#62625b', label: status };
return <Tag color={cfg.color}>{cfg.label}</Tag>;
},
},