Flutter Material 3默认主色调为紫色？TextField异常紫色样式疑问

代码示例（根据截图还原）：

TextField(
  decoration: InputDecoration(
    focusedBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.grey),
    ),
    // 未设置enabledBorder、hoverBorder等其他状态边框
  ),
)

异常表现：TextField未聚焦时边框呈紫色，聚焦后显示设置的灰色；光标颜色始终为紫色（项目主题primarySwatch设为灰色）

1. 边框紫色的来源 #

当你仅给TextField设置某一种状态的边框（如focusedBorder），其余未显式配置的状态（默认启用状态、hover状态、错误状态等）会自动触发Flutter的主题 fallback 逻辑：
如果自定义主题没有覆盖对应状态的颜色配置（如focusColor、colorScheme.onSurface等），组件会回退到Material Design内置的默认高亮色——也就是你看到的紫色（对应Colors.purple）。
补全所有状态的边框设置后问题解决，正是因为覆盖了所有场景的样式，不再依赖默认的fallback颜色。

2. 光标紫色的来源 #

TextField的光标颜色遵循以下优先级：

1. 显式设置的TextField.cursorColor
2. 当前Theme的textSelectionTheme.cursorColor
3. 当前Theme的colorScheme.primary
4. 最终 fallback 到Material默认紫色

你设置了primarySwatch为灰色但光标仍显紫色，核心原因是主题配置不完整：

• 仅设置primarySwatch时，Flutter会基于它生成colorScheme，但在Web端的部分场景下，可能存在主题合并的优先级问题，导致colorScheme.primary未正确继承primarySwatch的颜色；
• 若未显式配置textSelectionTheme，当colorScheme的配置出现异常时，就会触发最终的紫色fallback。

彻底解决的配置示例 #

显式在主题中覆盖相关颜色配置，避免依赖默认fallback：

ThemeData(
  primarySwatch: Colors.grey,
  // 基于primarySwatch生成完整colorScheme，确保primary颜色正确
  colorScheme: ColorScheme.fromSwatch(primarySwatch: Colors.grey)
      .copyWith(primary: Colors.grey[600]),
  // 统一配置文本选择样式，包括光标颜色
  textSelectionTheme: TextSelectionThemeData(
    cursorColor: Colors.grey[600],
    selectionHandleColor: Colors.grey[600],
  ),
)

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