Flutter Material 3默认主色修改：如何将浅紫色改为白色

不管你用Jetpack Compose还是XML布局，都可以通过自定义Material 3主题的颜色方案替换默认的浅紫色主色，以下是两种场景的实现方法：

Jetpack Compose 实现方式 #

1. 自定义明暗模式颜色方案
   白色作为主色时，必须搭配高对比度的onPrimary颜色（比如黑色），避免文本/图标在白色背景上无法看清：

import androidx.compose.material3.ColorScheme
import androidx.compose.material3.darkColorScheme
import androidx.compose.material3.lightColorScheme
import androidx.compose.ui.graphics.Color

// 浅色模式颜色方案
private val LightAppColorScheme: ColorScheme = lightColorScheme(
    primary = Color.White,
    onPrimary = Color.Black,
    // 按需调整secondary、tertiary等其他颜色
)

// 深色模式颜色方案，保持主色为白色适配深色背景
private val DarkAppColorScheme: ColorScheme = darkColorScheme(
    primary = Color.White,
    onPrimary = Color.Black,
)

2. 在自定义主题中应用颜色方案
   关闭动态颜色（不需要系统动态取色的话），直接使用你定义的颜色方案：

import androidx.compose.foundation.isSystemInDarkTheme
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Typography
import androidx.compose.runtime.Composable

@Composable
fun MyAppTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    content: @Composable () -> Unit
) {
    val colorScheme = if (darkTheme) DarkAppColorScheme else LightAppColorScheme

    MaterialTheme(
        colorScheme = colorScheme,
        typography = Typography,
        content = content
    )
}

3. 全局应用主题
   在App入口的Compose函数中用主题包裹所有内容：

@Composable
fun MyApp() {
    MyAppTheme {
        // 你的App内容，比如BottomNavigation、AlertDialog等组件都会自动使用新主色
    }
}

XML 布局实现方式 #

1. 定义颜色值
   在res/values/colors.xml中添加白色和对应高对比度颜色：

<color name="white">#FFFFFF</color>
<color name="black">#000000</color>

2. 修改主题样式
   在res/values/themes.xml（浅色模式）中替换主色：

<style name="Theme.MyApp" parent="Theme.Material3.DayNight.NoActionBar">
    <item name="colorPrimary">@color/white</item>
    <item name="colorOnPrimary">@color/black</item>
    <!-- 按需调整其他主题属性 -->
</style>

深色模式下，在res/values-night/themes.xml中做同样配置，保证颜色一致性。

注意事项 #

• 必须保证onPrimary和primary颜色有足够对比度，否则按钮、标签栏的文本会难以辨认；
• 对话框、底部标签栏等组件会自动继承主题的primary颜色，无需单独修改组件样式；
• 如果使用Android 12+的动态颜色，需要关闭动态颜色开关，否则自定义颜色会被系统动态取色覆盖。

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