tansci/.claude/skills/fa-framework-settings/references/theme-settings.md
xuewuerduo f468d532b1 feat: 初始化tansci资产管理项目
包含以下模块:
- antdv-next-admin: Vue 3 + TypeScript + Ant Design Vue 管理后台
  - 设备/许可证/配件/耗材 CRUD 管理页面
  - 基础数据管理 (分类/位置/制造商/型号/供应商)
  - 业务管理 (故障报修/盘点/资产分配/资产申请/交易记录)
  - 下拉选项改造 (ID输入框 → 搜索下拉选择)
  - 资产状态字典化 (接入sys_dict系统)
  - 界面文案优化 (设备→资产, 在库/在用/维修中/已报废)
  - 修复 console 警告 (popupClassName, 重复组件注册)
- our-itam: Java Spring Boot + magic-api 后端服务
- fantastic-admin: 前端底层框架 (pnpm monorepo)
- ciyo-itasset: CIYO 资产模块
- magic-script-skill: Claude Code skill 定义
- .claude: 对话历史记录

Co-Authored-By: Claude Code <noreply@anthropic.com>
2026-05-17 21:41:22 +08:00

1.2 KiB

主题设置 (theme)

目录

颜色方案 (colorScheme)

  • 类型: 'light' | 'dark' | ''
  • 默认值: 'light'
  • 说明: 设置应用的颜色方案
    • 'light' - 明亮模式
    • 'dark' - 暗黑模式
    • '' - 跟随系统

圆角系数 (radius)

  • 类型: number
  • 默认值: 0.5
  • 说明: 设置界面元素的圆角大小,取值范围 0 到 1
    • 0 - 无圆角(方形)
    • 0.5 - 中等圆角
    • 1 - 最大圆角

色弱模式 (colorAmblyopia)

  • 类型: boolean
  • 默认值: false
  • 说明: 启用色弱友好的颜色方案

完整示例

theme: {
  light: 'default',
  dark: 'default',
  colorScheme: 'light',
  radius: 0.5,
  colorAmblyopia: false,
}

常见配置

启用暗色模式:

theme: {
  colorScheme: 'dark',
}

跟随系统颜色方案:

theme: {
  colorScheme: '',
}

调整圆角:

theme: {
  radius: 0.8,  // 更圆润的界面
}