mirror of
https://github.com/fantastic-admin/basic.git
synced 2026-10-07 13:48:38 +08:00
66 lines
1.2 KiB
Markdown
Executable File
66 lines
1.2 KiB
Markdown
Executable File
# 主题设置 (theme)
|
|
|
|
## 目录
|
|
- [颜色方案 (colorScheme)](#颜色方案-colorscheme)
|
|
- [圆角系数 (radius)](#圆角系数-radius)
|
|
- [色弱模式 (colorAmblyopia)](#色弱模式-coloramblyopia)
|
|
|
|
## 颜色方案 (colorScheme)
|
|
|
|
- **类型**: `'light' | 'dark' | ''`
|
|
- **默认值**: `'light'`
|
|
- **说明**: 设置应用的颜色方案
|
|
- `'light'` - 明亮模式
|
|
- `'dark'` - 暗黑模式
|
|
- `''` - 跟随系统
|
|
|
|
## 圆角系数 (radius)
|
|
|
|
- **类型**: `number`
|
|
- **默认值**: `0.5`
|
|
- **说明**: 设置界面元素的圆角大小,取值范围 0 到 1
|
|
- `0` - 无圆角(方形)
|
|
- `0.5` - 中等圆角
|
|
- `1` - 最大圆角
|
|
|
|
## 色弱模式 (colorAmblyopia)
|
|
|
|
- **类型**: `boolean`
|
|
- **默认值**: `false`
|
|
- **说明**: 启用色弱友好的颜色方案
|
|
|
|
## 完整示例
|
|
|
|
```typescript
|
|
theme: {
|
|
light: 'default',
|
|
dark: 'default',
|
|
colorScheme: 'light',
|
|
radius: 0.5,
|
|
colorAmblyopia: false,
|
|
}
|
|
```
|
|
|
|
## 常见配置
|
|
|
|
**启用暗色模式:**
|
|
```typescript
|
|
theme: {
|
|
colorScheme: 'dark',
|
|
}
|
|
```
|
|
|
|
**跟随系统颜色方案:**
|
|
```typescript
|
|
theme: {
|
|
colorScheme: '',
|
|
}
|
|
```
|
|
|
|
**调整圆角:**
|
|
```typescript
|
|
theme: {
|
|
radius: 0.8, // 更圆润的界面
|
|
}
|
|
```
|