@docker/docker-mui-theme

此软件包提供了一个材料UI主题,以应用程序不可知的方式指定了多克桌面的基本外观和感觉. 这是官方唯一支持的多克扩展的主题解决方案.

如何使用

将您的 React 应用程序包入两个主题提供者之一( 见 MUI 版本 ,然后制作MUI CssBaseline 在其中的某个部分.

将最佳结果与 Docker 桌面合并, 也改为: MUI 最佳做法 第3条.

import { DockerMuiV6ThemeProvider } from '@docker/docker-mui-theme';
import CssBaseline from '@mui/material/CssBaseline';

function App() {
  return (
    <DockerMuiV6ThemeProvider>
      <CssBaseline />

      <YourAppContent />
    </DockerMuiV6ThemeProvider>
  );
}

MUI 版本

Docker桌面目前主要支持MUI v6,但拥有对MUI v5的遗产支持. 在包装您的应用程序时, 请使用适当的上下文提供者 :

• DockerMuiV6ThemeProvider 用于 MUI v6
• DockerMuiV5ThemeProvider 用于 MUI v5 的

未来的大版本更改会去除对MUI v5的支持.