Bundle fonts into wallet

2022-03-29 17:17:25 +01:00
parent 0f5137ea24
commit abf7e1f6ad
2 changed files with 10 additions and 21 deletions
@@ -1,17 +1,11 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
-      rel="stylesheet"
-    />
-    <title>Nym Wallet</title>
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
+<head>
+  <meta charset='utf-8' />
+  <meta name='viewport' content='width=device-width, initial-scale=1' />
+  <title>Nym Wallet</title>
+</head>
+<body>
+<div id='root'></div>
+</body>
 </html>
@@ -3,19 +3,14 @@ import { createTheme, ThemeProvider } from '@mui/material/styles';
 import { CssBaseline } from '@mui/material';
 import { getDesignTokens } from './theme';
 import { ClientContext } from '../context/main';
+import { NymWalletThemeWithMode } from './NymWalletTheme';

 /**
 * Provides the theme for the Network Explorer by reacting to the light/dark mode choice stored in the app context.
 */
 export const NymWalletTheme: React.FC = ({ children }) => {
  const { mode } = useContext(ClientContext);
-  const theme = React.useMemo(() => createTheme(getDesignTokens(mode)), [mode]);
-  return (
-    <ThemeProvider theme={theme}>
-      <CssBaseline />
-      {children}
-    </ThemeProvider>
-  );
+  return <NymWalletThemeWithMode mode={mode}>{children}</NymWalletThemeWithMode>;
 };

 export const WelcomeTheme: React.FC = ({ children }) => {