ColorSheme Flutter
these 10 colors are mandatory for creating a ColorSheme for Flutter ThemData.Values for each color are optional.
primary : This is the most used color in the application
onPrimary : This color is used to color the elements on top of the primary color such as text, icons, etc.
secondary : This defines a secondary color, often used for less prominent elements like filter chips, toggle buttons, or background elements that need to stand out from the primary color but not overpower it.
onSecondary : This color is used to color the elements on top of the secondary color.
error : This is the color used for error messages or alerts, like a flashing red light to indicate a problem.
onError : This is the text color that goes well on the error color, like white text on a red sign for easy reading.
background : The primary background color for your entire application. Think of this as the canvas upon which all other UI elements are placed.
onBackground : This color is used to color the elements on top of the background color.
surface : Used as the base color for elevated UI elements like cards, sheets, dialogs, etc.
onSurface : use to color the elements on top of the surface color.