Chip component cannot turn on Dark theme with ThemeProvider

[ytliuSVN]

Accessibility issue with Chip component in dark mode.
Runnable snippet: CodeSandbox

Current Behavior 😯

There are three Chip values (default, primary, and secondary) that can be applied to the color attribute.
When enabling dark mode, we expect primary and secondary Chips will update its background-color.
I tried to use ThemeProvider to change the theme type but to no avail. Only the default color of Chip can be applied with dark/light mode.

light mode

dark mode

Expected Behavior 🤔

Here is the official example:

light mode

dark mode

[support]

👋 Thanks for using Material-UI!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://material-ui.com/getting-started/support/. Thanks!

If you have a question on StackOverflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.

[oliviertassinari]

@ytliuSVN Sorry for the confusion the documentation can introduce. See #18776 to solve the underlying problem. This will be required so we can have the documentation use the default values of the theme for the demos.