如何在 React 应用程序中动态更改配色方案

How to change color-scheme dynamically in react app

在我的 React 应用程序中,我想像上图一样动态更改配色方案,但它根本不起作用(它不会更改滚动条颜色),因为我知道任何其他属性(如“背景颜色”)是按预期工作。

尝试启用 CSS 基线样式:

...
import CssBaseline from "@mui/material/CssBaseline";

...
<ThemeProvider theme={theme}>
  {/* A collection of HTML element and attribute style-normalizations. */}
  <CssBaseline enableColorScheme />
  ...
</ThemeProvider>
...