accentColor is deprecated and shouldn't be used

Question

The accentColor in ThemeData was deprecated.

What to use then in ThemeData?

theme: ThemeData(
    brightness: Brightness.light,
    primaryColor: kBaseColor,
    accentColor: kBaseAccentColor, // 'accentColor' is deprecated and shouldn't be used

Answer 1

Use the below code instead of accentColor: kBaseAccentColor,

colorScheme: ColorScheme.fromSwatch()
            .copyWith(secondary: kBaseAccentColor),

OR

Do this in a simple way: Click on Magic Bulb

Click on Migrate to 'ColorScheme.secondary' it will automatically be converted.

Answer 2

accentColor is now replaced by ColorScheme.secondary.

• Using new ThemeData:

  theme: ThemeData(
    colorScheme: ColorScheme.fromSwatch().copyWith(
      secondary: Colors.red, // Your accent color
    ),
  )
  

• Using existing ThemeData:

  final theme = ThemeData.dark();
  

  You can use it as:

  theme: theme.copyWith(
    colorScheme: theme.colorScheme.copyWith(
      secondary: Colors.red,
    ),
  )
  

Answer 3

As the deprecated message says:

///colorScheme.secondary
 ThemeData(colorScheme: ColorScheme(secondary:Colors.white ),);

Answer 4

Code before migration:

Color myColor = Theme.of(context).accentColor;

Code after migration:

Color myColor = Theme.of(context).colorScheme.secondary;

Answer 5

Write this:

colorScheme: ColorScheme.fromSwatch()
            .copyWith(secondary: kBaseAccentColor),

Then, use

colorScheme.secondary

in place of

accentColor

everywhere.