basic/skills/fa-framework-settings/references/theme-settings.md

主题设置 (theme)

目录

• 颜色方案 (colorScheme)
• 圆角系数 (radius)
• 色弱模式 (colorAmblyopia)

颜色方案 (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,  // 更圆润的界面
}