@docker/docker-mui-theme

This package provides a Material UI theme that specifies the basic look & feel of Docker Desktop in an application-agnostic way. This is the only officially supported theming solution for Docker Extensions.

How to use

Wrap your React application with DockerMuiThemeProvider at a suitably high level, and then render a MUI CssBaseline component somewhere within it.

For best results integrating with Docker Desktop, also read our MUI best practices article.

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

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

      <YourAppContent />
    </DockerMuiThemeProvider>
  );
}