Update dark theme primary and secondary colors

[rolandjitsu]

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Material UI should follow the latest MD specs for the dark theme colors. And not just colors, this also applies for surfaces and other UI components.

Might be related to #17241.

Examples 🌈

Motivation 🔦

I think it's important to follow the specs closely, makes it easy to align with native mobile apps that use the same MD specs.

[eps1lon]

Are these colors not available in the color palette or are you suggesting we should change the default primary and secondary color?

[rolandjitsu]

As far as I can see, these colors are not in the color palette. Furthermore, the paper and background colors do not respect the spec (elevation is achieved using a white overlay with transparency).

[oliviertassinari]

elevation is achieved using a white overlay with transparency

#18309?

the paper and background colors do not respect the spec

What do you mean?

these colors are not in the color palette

What's missing?

[rolandjitsu]

I agree, #18309 describes part of the issue.

According to the specs, the background color and paper color is #121212. That is not the case for Material UI. Take the drawer from the docs as is on the online docs today:

The background for the drawer is #424242. Though, the main background seems to be correct.

As for the colors, the default primary color is #bb86fc and default secondary is #03dac6 (in the material design spec - as seen in the image I added to the issue body). I cannot find these in any of the pink or cyan palettes. But maybe they have changed the way they aggregate these colors from the 2014 palettes.

You can find more about the dark theme guidelines in the Dark Theme section.

[oliviertassinari]

@rolandjitsu Ok thanks, let's close for #18309 and #18308 that cover two issues with the dark theme. If you see something else specific, please open an issue. Thanks

[rolandjitsu]

@oliviertassinari sure, how about the colors? Is there another issue for this?

[oliviertassinari]

What's the issue with the color? You are free to pick the color you like.

[oliviertassinari]

Ok, we will come back to it for v5, in 1 year.