Blizzard
72bd43965f
把"手搓内联 class + Unicode 字符图标"换成统一组件与真实图标，为后续工业化打底。 - 依赖：装 lucide-react（描线图标，按需 tree-shake） - 令牌：tailwind.config 加语义色 brand/accent/success/warn/danger + 圆角档位； 强调色字面量(violet/cyan/emerald…)收敛到令牌，便于整体换肤 - primitives（src/ui，零重依赖自建）：Button/Input/Textarea/Select/Field/Card/Panel/ Badge/Dot/Tabs/Skeleton/EmptyState/Dialog/Toast(+useToast)/cn，桶文件统一引入 - 迁移：TopBar/LeftNav/BottomDrawer + Home/Report/Runs/Kb/Placeholder/ExecTrace/ MemoryPanel/StudioView 全部换 primitives + lucide 图标；导航/能力卡/按钮告别 ▤◆▣▦ 等 Unicode 字符；错误改用全局 Toast；空状态用 EmptyState - App 包 ToastProvider 验证：tsc + vite build 通过；浏览器(Preview)走查工作台/报告页——真实图标、统一卡片/ 按钮/输入；跑报告端到端正常（执行轨迹 lucide 状态图标点亮、章节耗时/字数/检索片段、 完成弹 Toast + 下载 Word）。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// 深色 AI 控制台分层表面
|
|
ink: {
|
|
950: "#0b0d12",
|
|
900: "#0f121a",
|
|
850: "#141824",
|
|
800: "#1a1f2d",
|
|
700: "#232a3b",
|
|
600: "#323a4f",
|
|
},
|
|
line: "#242b3c",
|
|
// 语义令牌 —— 强调色统一从这里取，便于整体换肤（紫=brand，青=accent）。
|
|
brand: { DEFAULT: "#7c5cf6", 400: "#a78bfa", 500: "#8b5cf6", 600: "#6d28d9" },
|
|
accent: { DEFAULT: "#22d3ee", 400: "#22d3ee", 500: "#06b6d4" },
|
|
success: { DEFAULT: "#34d399", 500: "#10b981" },
|
|
warn: { DEFAULT: "#fbbf24", 500: "#f59e0b" },
|
|
danger: { DEFAULT: "#fb7185", 500: "#f43f5e" },
|
|
},
|
|
borderRadius: {
|
|
// 统一圆角档位
|
|
lg: "0.625rem", // 10px —— 卡片/面板
|
|
md: "0.5rem", // 8px —— 控件
|
|
},
|
|
boxShadow: {
|
|
glow: "0 0 0 1px rgba(139,92,246,0.45), 0 0 18px rgba(139,92,246,0.28)",
|
|
"glow-cyan": "0 0 0 1px rgba(34,211,238,0.4), 0 0 16px rgba(34,211,238,0.22)",
|
|
card: "0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.25)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|