颜色系统
本页列出了 Miuix 颜色方案中的所有颜色及其默认的浅色/深色数值。数值为 ARGB 十六进制。
使用方式
- 在组合函数中通过
MiuixTheme.colorScheme.<名称>访问。 - 以下展示的颜色适用于非 Monet 模式。
所有颜色
| 名称 | 用途 | 浅色 | 深色 |
|---|---|---|---|
primary | 主色 | #FF3482FF | #FF277AF7 |
onPrimary | 主色上的文本 | #FFFFFFFF | #FFFFFFFF |
primaryVariant | 主色变体 | #FF3482FF | #FF0073DD |
onPrimaryVariant | 主色变体上的文本 | #FFAECDFF | #FF99C7F1 |
error | 错误色 | #FFE94634 | #FFF12522 |
onError | 错误色上的文本 | #FFFFFFFF | #FF690005 |
errorContainer | 错误容器 | #FFFDF6F4 | #FF2E0603 |
onErrorContainer | 错误容器上的文本 | #FF410002 | #FFFFDAD6 |
disabledPrimary | 禁用主色（开关/按钮/滑块） | #FFC2D9FF | #FF253E64 |
disabledOnPrimary | 禁用主色上的文本 | #FFF3F8FF | #FF677993 |
disabledPrimaryButton | 按钮禁用主色 | #FFC2D9FF | #FF253E64 |
disabledOnPrimaryButton | 按钮禁用主色上的文本 | #FFFFFFFF | #FF677893 |
disabledPrimarySlider | 滑块禁用主色 | #FFB8CFF5 | #FF44587C |
primaryContainer | 主色容器 | #FF5D9BFF | #FF338FE4 |
onPrimaryContainer | 主色容器上的文本 | #FFFFFFFF | #FFFFFFFF |
secondary | 次要色 | #FFE6E6E6 | #FF505050 |
onSecondary | 次要色上的文本 | #FFFFFFFF | #FFFFFFFF |
secondaryVariant | 次要色变体 | #FFF0F0F0 | #FF434343 |
onSecondaryVariant | 次要色变体上的文本 | #FF303030 | #FFD9D9D9 |
disabledSecondary | 禁用次要色 | #FFF0F0F0 | #FF3F3F3F |
disabledOnSecondary | 禁用次要色上的文本 | #FFFCFCFC | #FF797979 |
disabledSecondaryVariant | 禁用次要色变体 | #FFF2F2F2 | #FF404040 |
disabledOnSecondaryVariant | 禁用次要色变体上的文本 | #FFB2B2B2 | #FF707170 |
secondaryContainer | 次要色容器 | #FFF0F0F0 | #FF434343 |
onSecondaryContainer | 次要色容器上的文本 | #FFA9A9A9 | #FF7C7C7C |
secondaryContainerVariant | 次要色容器变体 | #FFF0F0F0 | #FF4F4F4F |
onSecondaryContainerVariant | 次要色容器变体上的文本 | #FFA8A8A8 | #FF959595 |
tertiaryContainer | 三级色容器 | #FFEAF2FF | #FF2B3B54 |
onTertiaryContainer | 三级色容器上的文本 | #FF3482FF | #FF4788FF |
tertiaryContainerVariant | 三级色容器变体 | #FFEAF2FF | #FF505050 |
background | 应用背景 | #FFFFFFFF | #FF242424 |
onBackground | 背景上的文本 | #FF000000 | #E6FFFFFF |
onBackgroundVariant | 背景上的次级文本 | #FF8C93B0 | #FF787E96 |
surface | 表面 | #FFF7F7F7 | #FF000000 |
onSurface | 表面上的文本 | #FF000000 | #FFF2F2F2 |
surfaceVariant | 表面变体 | #FFFFFFFF | #FF242424 |
onSurfaceSecondary | 表面上的次要文本 | #CC000000 | #CCFFFFFF |
onSurfaceVariantSummary | 表面变体上的摘要文本 | #99000000 | #80FFFFFF |
onSurfaceVariantActions | 表面变体上的操作文本 | #66000000 | #66FFFFFF |
disabledOnSurface | 禁用状态下的表面文本 | #FFB2B2B2 | #FF666666 |
surfaceContainer | 表面容器 | #FFFFFFFF | #FF242424 |
onSurfaceContainer | 表面容器上的文本 | #FF000000 | #E6FFFFFF |
onSurfaceContainerVariant | 表面容器上的次级文本 | #FF959595 | #FF737373 |
surfaceContainerHigh | 高对比表面容器 | #FFE8E8E8 | #FF242424 |
onSurfaceContainerHigh | 高对比表面容器上的文本 | #FFA2A2A2 | #FF666666 |
surfaceContainerHighest | 最高对比表面容器 | #FFE8E8E8 | #FF2D2D2D |
onSurfaceContainerHighest | 最高对比表面容器上的文本 | #FF000000 | #FFE9E9E9 |
outline | 轮廓/边框 | #FFD9D9D9 | #FF404040 |
dividerLine | 分隔线 | #FFE0E0E0 | #FF393939 |
windowDimming | 窗口遮罩（对话框/下拉） | #4D000000 | #99000000 |
sliderKeyPoint | 滑块关键点 | #4DA3B3CD | #4D7A8AA6 |
sliderKeyPointForeground | 滑块关键点前景 | #FF6EB5FF | #FF5DAAFF |
