e0120c470c
- 调色板：zinc 中性色 + 冷静蓝色（#3b82f6）+ 卡片阴影 token - Sidebar：紧凑 60 宽度，加入顶部搜索框，分组导航，圆角 8px - 卡片：rounded-2xl + shadow-sm/md，留白节奏统一 - 表格：圆角卡片包裹，灰色表头小写大写字母 tracking - 表单：h-9 输入框，圆角 8px，focus ring 用半透明蓝 - 按钮分级：实心蓝（主操作）/ 边框白底（次操作）/ 暗黑实心（对比强调） - 状态徽章：ring-1 inset 内边框，色板更柔和 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
48 lines
1.0 KiB
CSS
48 lines
1.0 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
/* Surfaces — zinc neutrals */
|
|
--bg: #fafafa;
|
|
--bg-card: #ffffff;
|
|
--bg-subtle: #f4f4f5;
|
|
--bg-hover: #f4f4f5;
|
|
|
|
/* Text */
|
|
--ink: #18181b;
|
|
--ink-soft: #52525b;
|
|
--ink-muted: #a1a1aa;
|
|
|
|
/* Borders */
|
|
--line: #e4e4e7;
|
|
--line-soft: #f4f4f5;
|
|
|
|
/* Brand — calm blue */
|
|
--accent: #3b82f6;
|
|
--accent-hover: #2563eb;
|
|
--accent-soft: #eff6ff;
|
|
--accent-ring: rgba(59, 130, 246, 0.15);
|
|
|
|
/* Shadow */
|
|
--shadow-sm: 0 1px 2px rgba(24, 24, 27, 0.04);
|
|
--shadow-md: 0 4px 12px -2px rgba(24, 24, 27, 0.06), 0 2px 4px -1px rgba(24, 24, 27, 0.04);
|
|
}
|
|
|
|
html, body {
|
|
background: var(--bg);
|
|
color: var(--ink);
|
|
font-family: 'Inter', system-ui, sans-serif;
|
|
font-feature-settings: 'cv11', 'ss01';
|
|
-webkit-font-smoothing: antialiased;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.font-mono {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
}
|
|
|
|
|