frontend: Add CssBaseline component for improved default styles

Signed-off-by: Oleksandr Dubenko <[email protected]>
headlamp-k8s · Dec 13, 2024 · 761002c · 761002c
1 parent 22688fa
commit 761002c
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/frontend/src/i18n/ThemeProviderNexti18n.tsx b/frontend/src/i18n/ThemeProviderNexti18n.tsx
@@ -1,3 +1,4 @@
+import { CssBaseline } from '@mui/material';
 import { deDE, enUS, esES, frFR, hiIN, ptPT } from '@mui/material/locale';
 import { createTheme, StyledEngineProvider, Theme, ThemeProvider } from '@mui/material/styles';
 import React, { ReactNode, useEffect, useState } from 'react';
@@ -55,6 +56,7 @@ const ThemeProviderNexti18n: React.FunctionComponent<{
   return (
     <StyledEngineProvider injectFirst>
       <ThemeProvider theme={theme}>
+        <CssBaseline enableColorScheme />
         {!!isI18nReady ? props.children : <Loader title="Loading..." />}
       </ThemeProvider>
     </StyledEngineProvider>