Function LegacyViewerTheme

Overrides the design system MUI theme with the legacy viewer colors (primary, secondary, warning, success, error, info, text, background, divider and alerts). Everything else (typography, spacing, component defaults…) is kept from the design system theme.

Meant to be passed to a MUI ThemeProvider nested inside the design system provider, which calls it with the design system theme:

import { ThemeProvider } from '@mui/material/styles';
import { DSProvider } from '@stereograph/teia-system-design/components/DSProvider';
import { LegacyViewerTheme } from '@stereograph/teiaviewer-viewport-react';

<DSProvider i18n={i18next}>
  <ThemeProvider theme={LegacyViewerTheme}>
    <App />
  </ThemeProvider>
</DSProvider>
Copy