Flutter如何将深浅模式默认颜色修改为自定义绿色？

推荐优先在现有ThemeProvider中配置自定义主色，所有主题相关的配置统一封装在主题管理类中，后续修改、扩展深浅主题都会更方便，不需要调整根节点的业务逻辑。

方式1：ThemeProvider中配置（推荐） #

直接修改你现有ThemeProvider中浅色/深色主题的定义，在copyWith参数中添加主色配置即可，示例代码如下：

class ThemeProvider extends ChangeNotifier {
  ThemeData _selectedTheme;
  Typography defaultTypography;
  SharedPreferences prefs;

  // 修改深色主题配置，也可对应配置绿色调主色
  ThemeData dark = ThemeData.dark().copyWith(
    primarySwatch: Colors.green,
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.green,
      brightness: Brightness.dark,
    ),
  );

  // 修改浅色主题默认蓝色为绿色
  ThemeData light = ThemeData.light().copyWith(
    // 主色设为绿色，可替换为你需要的具体色值
    primarySwatch: Colors.green,
    // Flutter 3.0+ 更推荐用colorSchemeSeed全局生成配套配色
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.green,
      brightness: Brightness.light,
    ),
  );

  ThemeProvider(bool darkThemeOn) {
    _selectedTheme = darkThemeOn ? dark : light;
  }

  // 补充你代码中缺失的getTheme方法
  ThemeData getTheme() => _selectedTheme;

  // 可选：添加切换主题的方法，调用notifyListeners即可全局更新主题
  void toggleTheme() {
    _selectedTheme = _selectedTheme == light ? dark : light;
    notifyListeners();
  }
}

配置完成后你现有根节点MaterialApp的代码不需要做任何改动，主题就会自动生效。

方式2：根节点直接配置（不推荐） #

如果你只是临时调整不想修改主题管理类，也可以直接在MaterialApp的theme参数中覆盖主色配置，示例如下：

return MaterialApp(
  // 直接覆盖主题的主色配置
  theme: value.getTheme().copyWith(primarySwatch: Colors.green),
  debugShowCheckedModeBanner: false,
  home: MapPage(),
  routes: {'favorite': (_) => Homescreen()},
);

这种方式的缺点是主题配置分散，后续要修改配色需要同时调整多份代码，维护成本更高。

补充说明 #

• 如果需要使用自定义的绿色而非Material预设的Colors.green，可以自行构造MaterialColor对象传入primarySwatch参数即可
• 配置colorScheme会自动生成配套的次要色、表面色等全局配色，比单独配置primaryColor效果更统一

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