@uifabric/mdl2-theme

MDL2 Theme package for Fluent UI React (formerly Office UI Fabric React)

This package contains MDL2 coloring, theming and styling for use with Fluent UI React components.

To import MDL2 theme:

import { MDL2Theme, MDL2Customizations } from '@uifabric/mdl2-theme';

In case of applying theme using Customizer:

  import { Customizer } from '@fluentui/react';

  <Customizer {...MDL2Customizations}>
    <div>{child component}</div>
  </Customizer>

In case of applying theme using ThemeProvider:

  import { ThemeProvider } from '@fluentui/react-theme-provider';

  <ThemeProvider theme={MDL2Theme}>
    <div>{child component}</div>
  </ThemeProvider>