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

Use colorScheme Instead of accentColor **colorScheme: ColorScheme.fromSwatch(accentColor: kBaseAccentColor)** — Karzan Kamal, Sep 22 '21 at 18:15
Try my answer [here](https://stackoverflow.com/a/69160210/13997210) hope it's helpful to you — Ravindra S. Patil, Sep 22 '21 at 18:31

kamran khan · Answer 1 · 2021-09-23T08:29:56.317

48

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.

edited Sep 23 '21 at 08:29

answered Sep 23 '21 at 08:23

kamran khan

597
3
10

3

you can access the colour as Theme.of(context).colorScheme.secondary – StackExploded Nov 05 '21 at 10:43

score 34 · Accepted Answer · answered Sep 25 '21 at 15:21

34

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,
  ),
)

answered Sep 25 '21 at 15:21

CopsOnRoad

237,138
77
654
440

This one worked for me with the new ThemeData, but I had to add the parameter `brightness: Brightness.dark,`. Otherwise, Flutter gives an error without it. – PhönixGeist Sep 24 '22 at 22:21

score 4 · Answer 3 · answered Feb 08 '22 at 09:14

4

Code before migration:

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

Code after migration:

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

answered Feb 08 '22 at 09:14

benten

696
7
18

score 3 · Answer 4 · answered Sep 23 '21 at 00:35

3

As the deprecated message says:

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

answered Sep 23 '21 at 00:35

Nicolás López

430
2
8

score 2 · Answer 5 · answered Mar 31 '22 at 12:40

2

Write this:

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

Then, use

colorScheme.secondary

in place of

accentColor

everywhere.

answered Mar 31 '22 at 12:40

Mohammad Bilal Akbar

47
3

This looks the same as the top answer. – General Grievance Mar 31 '22 at 12:44
1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Mar 31 '22 at 14:28

rabia · Answer 6 · 2023-04-19T08:48:54.943

0

you need to add a color scheme because accent color is deprecated.

body: const Center(child: const Text('BMI Calculator')),
  floatingActionButton: Theme(
    data: ThemeData(
      colorScheme:
          ColorScheme.fromSwatch().copyWith(secondary: Colors.white),
    ),
    child: FloatingActionButton(
      child: const Icon(
        Icons.add,
      ),
      onPressed: () {},
    ),
  ),

edited Apr 19 '23 at 08:48

answered Apr 19 '23 at 08:47

rabia

1
1

accentColor is deprecated and shouldn't be used

6 Answers6

Linked