@fluentui/azure-themes

Azure theme for Fluent UI React (formerly Office UI Fabric React)

The Azure themes require the following import statements:

import {
  AzureThemeLight,
  AzureThemeDark,
  AzureThemeHighContrastLight,
  AzureThemeHighContrastDark,
} from '@fluentui/azure-themes';

In case of applying theme using ThemeProvider:

jsx

  import { ThemeProvider } from '@fluentui/react';
  const theme = AzureThemeDark; // or alternatively AzureThemeLight

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