Files
qiji/frontend/src/tailwind.css
T
v6ole deeafe239f feat: 双主题系统 — 编辑风 + 极简亮色
前端:
- 新增 Pinia theme store,localStorage 持久化,data-theme 切换
- App.vue: :root 新增 --font-*/--sidebar-* CSS 变量;新增 :root[data-theme=light] 完整配色(极简黑白金 + Noto Sans SC)
- DesktopLayout: 侧边栏 15 个变量化 + 顶栏主题切换按钮
- MobileLayout: 装饰色变量化
- Settings: 新增「界面主题」卡片
- 21 个组件 font-family 统一替换为 var(--font-*)
- 新增 utils/managerColor.ts — 12 色调色板 + 自适应文字色 + 后端自定义色优先
- WorkPlans/MiniBusiness/KeyVisits/CustomerManage: 客户经理标签色统一走共享工具
- UserManage: 编辑弹窗新增颜色选择器(仅 manager)
- LightBoard: 去标题星标图标
- ManagerWorkspace/WorkPlans/MiniBusiness/KeyVisits: 删除按钮改为实心红底白字

后端:
- User 模型新增 color 列 + lifespan 自动迁移
- users API 支持 color 字段读写
- UserOut schema 新增 color

Co-Authored-By: Claude <noreply@anthropic.com>
2026-07-06 16:03:13 +08:00

35 lines
881 B
CSS

/* ── Google Fonts import ── */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
/* ── Base layer custom styles ── */
@layer base {
:root {
--ink: #1C3738;
--ink-light: #2A4F50;
--vermilion: #B8472E;
--vermilion-light: #D46A4F;
--gold: #C4934A;
--gold-light: #D4AD6E;
--paper: #F5F0E8;
--paper-dark: #EBE4D8;
--sage: #4A6741;
--amber: #C68B3C;
--warm-gray: #7B7568;
--warm-border: #E5DFD3;
--text-primary: #1A1A1A;
}
html, body, #app {
margin: 0;
padding: 0;
height: 100%;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background: var(--paper);
}
}