如何覆盖Flutter主题设置指定应用背景色？设置后仍显示异常

启用Material3后，ThemeData的部分旧属性优先级会被新的colorScheme覆盖，默认深色主题的colorScheme会使用偏紫的颜色作为表面/背景色，导致你设置的scaffoldBackgroundColor未生效。

修复方案 #

直接在ThemeData中配置colorScheme，将对应颜色指定为你需要的#131311（该颜色与rgb(19,19,17)、hsl(60,6%,7%)完全一致）：

theme: ThemeData(
  useMaterial3: true,
  brightness: Brightness.dark,
  primaryColor: Color.fromRGBO(19, 19, 17, 255),
  scaffoldBackgroundColor: Color.fromRGBO(19, 19, 17, 255),
  fontFamily: 'Open Sans',
  // 覆盖默认深色主题的颜色配置
  colorScheme: ColorScheme.dark(
    surface: Color.fromRGBO(19, 19, 17, 255), // 页面背景、卡片等表面元素颜色
    background: Color.fromRGBO(19, 19, 17, 255), // 应用底层背景色
    primary: Color.fromRGBO(19, 19, 17, 255), // 主色，可选保持与背景一致
  ),
),

额外检查点 #

• 若个别页面仍有异常，确认页面的Scaffold是否显式设置了backgroundColor，如有需改为目标颜色
• 检查是否有其他容器组件（如Container）使用了默认主题颜色，需手动指定背景色

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