Use Ant Design v4 theming for now so theming can be done in a new PR

pjbollinger · Oct 15, 2023 · 2c4ef6f · 2c4ef6f
1 parent 27f86ee
commit 2c4ef6f
Show file tree

Hide file tree

Showing 3 changed files with 189 additions and 5 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -14,6 +14,7 @@
 		"format": "prettier --write  **/*.{js,ts,jsx,tsx,css,md}"
 	},
 	"dependencies": {
+		"@ant-design/compatible": "^5.1.2",
 		"@ant-design/icons": "4.8.1",
 		"@codemirror/lang-css": "6.2.1",
 		"@codemirror/lang-html": "^6.4.2",

diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
@@ -14,6 +14,8 @@ import { AppProps } from 'next/app';
 import { ReactElement, ReactNode } from 'react';
 import { NextPage } from 'next';
 import { RecoilRoot } from 'recoil';
+import { defaultTheme } from '@ant-design/compatible';
+import { ConfigProvider } from 'antd';
 
 export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
   getLayout?: (page: ReactElement) => ReactNode;
@@ -28,7 +30,9 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
 
   return layout(
     <RecoilRoot>
-      <Component {...pageProps} />
+			<ConfigProvider theme={defaultTheme}>
+				<Component {...pageProps} />
+			</ConfigProvider>
     </RecoilRoot>,
   );
 }