如何修改Flutter Material 3 DatePicker的主色调？

你当前已经配置了深色背景、透明表面色和白色头部前景色，要替换掉日期选择器里的默认紫色，只需在DatePickerThemeData中补充以下几个关键配置：

• 选中日期的背景色：通过dayBackgroundColor指定，区分选中/未选中状态
• 选中日期的文字颜色：用dayForegroundColor设置，保证选中时的文字可读性
• 确认/取消按钮的颜色：通过confirmButtonStyle和cancelButtonStyle替换默认紫色按钮
• 年月选择器的选中样式：配置yearForegroundColor和monthForegroundColor统一风格

完整的配置代码示例：

DatePickerThemeData(
  backgroundColor: Color.fromARGB(255, 38, 41, 48),
  surfaceTintColor: Colors.transparent,
  headerForegroundColor: Colors.white,
  // 替换选中日期的紫色背景
  dayBackgroundColor: MaterialStateProperty.resolveWith((states) {
    if (states.contains(MaterialState.selected)) {
      return Color.fromARGB(255, 46, 125, 50); // 这里换成你想要的颜色，比如深绿色
    }
    return null; // 未选中时保持透明
  }),
  // 选中日期的文字颜色
  dayForegroundColor: MaterialStateProperty.resolveWith((states) {
    if (states.contains(MaterialState.selected)) {
      return Colors.white;
    }
    return Colors.white70; // 未选中日期的文字灰度
  }),
  // 确认按钮颜色
  confirmButtonStyle: TextButton.styleFrom(
    foregroundColor: Color.fromARGB(255, 46, 125, 50),
  ),
  // 取消按钮颜色
  cancelButtonStyle: TextButton.styleFrom(
    foregroundColor: Colors.white70,
  ),
  // 头部背景色（和整体深色主题统一）
  headerBackgroundColor: Color.fromARGB(255, 38, 41, 48),
  // 年份选中样式
  yearForegroundColor: MaterialStateProperty.resolveWith((states) {
    if (states.contains(MaterialState.selected)) {
      return Color.fromARGB(255, 46, 125, 50);
    }
    return Colors.white;
  }),
)

根据你的深色主题，建议选择饱和度适中的深色系（比如深蓝、深绿）来替换紫色，既保持风格统一，又能清晰区分选中状态。

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