Jetpack Compose中Material 3各组件的默认颜色是什么？

核心逻辑 #

Material 3的所有组件默认颜色都绑定到主题的ColorScheme，所以不用逐个组件改颜色，直接自定义ColorScheme并套用到全局主题里，就能实现全量替换。

具体操作步骤 #

• 自定义颜色方案：根据需求替换ColorScheme里的对应字段，比如主色、辅助色、表面色这些。举个例子：

// 亮色主题的自定义配色
val CustomLightColorScheme = lightColorScheme(
    primary = Color(0xFF6200EE), // 主色，比如按钮背景
    onPrimary = Color.White,     // 主色上的文字/图标色
    secondary = Color(0xFF03DAC6), // 辅助色
    surface = Color(0xFFFAFAFA),   // 卡片、容器的背景色
    // 其他需要调整的颜色，比如error、onSurface等
)

// 暗色主题同理，用darkColorScheme
val CustomDarkColorScheme = darkColorScheme(
    primary = Color(0xFFBB86FC),
    onPrimary = Color.Black
)

• 把自定义配色套到全局主题：

// 这里可以结合系统明暗模式自动切换
val isDarkMode = isSystemInDarkTheme()
MaterialTheme(
    colorScheme = if (isDarkMode) CustomDarkColorScheme else CustomLightColorScheme,
    typography = Typography,
    shapes = Shapes
) {
    // 你的所有Compose页面内容都写在这里
    // 所有组件都会自动用上自定义的主题颜色
}

快速定位组件用了哪个主题颜色 #

如果不知道某个组件对应ColorScheme里的哪个字段，不用硬啃源码，有两个简单方法：

• 看IDE注释：在Android Studio里Ctrl+点击组件（比如Button），看源码注释，里面会明确写用了colorScheme.primary当背景，colorScheme.onPrimary当文字色。
• 极端颜色测试：临时把ColorScheme里的各个字段改成特别扎眼的颜色（比如亮红、亮绿），运行后看组件变了哪个颜色，就能对应到具体字段。

额外提醒 #

• 明暗模式要分别配置lightColorScheme和darkColorScheme，不然切换模式会乱。
• 组件的状态色（比如按下、禁用、选中）都是主题基于基础颜色自动生成的，不用单独改，主题会帮你处理好这些变体。

内容的提问来源于stack exchange，提问作者Leha Bodunov