如何知晓Flutter中ColorScheme各颜色对应应用的组件？

以下是Flutter中ColorScheme核心颜色与常用组件的对应关系：

主要强调色组 #

• primary（主品牌色）：
  • FloatingActionButton的背景色
  • AppBar默认背景色
  • TextButton主题样式下的文本颜色
  • TextField聚焦时的边框色与光标色
• secondary（辅助强调色）：
  • Chip选中状态的背景色
  • BottomNavigationBar选中项的图标/文本颜色
  • Switch开启状态的轨道颜色
• tertiary（第三强调色）：
  • TabBar选中标签的文本色与指示器颜色
  • SegmentedButton选中按钮的背景色

状态与表面色组 #

• error（错误状态色）：
  • TextField错误状态下的边框色与提示文本色
  • 错误类型SnackBar的背景色
  • Checkbox未选中且错误状态的边框色
• surface（表面色）：
  • Card、Dialog、BottomSheet的背景色
• onPrimary（主色上的内容色）：
  • FloatingActionButton的图标颜色
  • AppBar的标题文本颜色
• onSecondary（辅助色上的内容色）：
  • 选中状态Chip的文本颜色
  • BottomNavigationBar选中项的图标颜色
• onSurface（表面色上的内容色）：
  • Card内的正文文本颜色
  • Dialog的标题文本颜色
• onError（错误色上的内容色）：
  • 错误类型SnackBar的文本颜色
  • 错误状态TextField的提示图标颜色

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