Update themes format for OSG and Pelican

Author: CannonLock

src/themes/index.ts

@@ -1,3 +1,3 @@
-export {theme as pelicanTheme} from './pelican';
-export {theme as osgTheme} from './osg';
+export {default as pelicanTheme} from './pelican';
+export {default as osgTheme} from './osg';
 export {default as chtcTheme} from './chtc';

src/themes/osg.ts

@@ -0,0 +1,9 @@
+import {Poppins} from "next/font/google";
+
+const poppins = Poppins({
+  subsets: ['latin'], style: ['normal'], weight: ['300', '400', '600'], display: 'swap'
+})
+
+const fonts = [poppins]
+
+export { poppins, fonts }

src/themes/osg/fonts.ts

@@ -0,0 +1,3 @@
+export {default} from './theme';
+
+export {fonts} from './fonts';

src/themes/osg/index.ts

@@ -0,0 +1,66 @@
+'use client'
+
+import {createTheme, responsiveFontSizes} from "@mui/material";
+import Link from "next/link";
+
+import { poppins } from "./fonts";
+
+const theme = responsiveFontSizes(
+  createTheme({
+    palette: {
+      primary: {
+        main: "#f6a32a"
+      },
+      secondary: {
+        main: "rgb(17 24 39)"
+      }
+    },
+    typography: {
+      h1: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 500
+      },
+      h2: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 500,
+      },
+      h3: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 500,
+      },
+      h4: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 700,
+      },
+      h5: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 700,
+      },
+      h6: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 700,
+      },
+      body1: {
+        fontSize: "1.2rem",
+        paddingBottom: "1rem",
+      },
+      fontFamily: [
+        "Helvetica Neue",
+        "Helvetica",
+        "Arial",
+        "Lucida Grande",
+        "sans-serif"
+      ].join(",")
+    },
+    components: {
+      MuiLink: {
+        defaultProps: {
+          component: Link
+        }
+      }
+    },
+  }),
+  {factor: 2}
+)
+
+export default theme;

src/themes/osg/theme.ts

@@ -0,0 +1,9 @@
+import {Poppins} from "next/font/google";
+
+const poppins = Poppins({
+  subsets: ['latin'], style: ['normal'], weight: ['300', '400', '600'], display: 'swap'
+})
+
+const fonts = [poppins]
+
+export { poppins, fonts }

src/themes/pelican.ts

@@ -0,0 +1,3 @@
+export {default} from './theme';
+
+export {fonts} from './fonts';

src/themes/pelican/fonts.ts

@@ -0,0 +1,65 @@
+'use client'
+
+import {createTheme, responsiveFontSizes} from "@mui/material";
+import Link from "next/link";
+
+import { poppins } from "./fonts";
+
+const theme = responsiveFontSizes(
+  createTheme({
+    palette: {
+      primary: {
+        dark: "#002b54",
+        main: "#0885ff",
+        light: "#CFE4FF"
+      }
+    },
+    typography: {
+      h1: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 500
+      },
+      h2: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 500,
+      },
+      h3: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 500,
+      },
+      h4: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 700,
+      },
+      h5: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 700,
+      },
+      h6: {
+        fontFamily: poppins.style.fontFamily,
+        fontWeight: 700,
+      },
+      body1: {
+        fontSize: "1.2rem",
+        paddingBottom: "1rem",
+      },
+      fontFamily: [
+        "Helvetica Neue",
+        "Helvetica",
+        "Arial",
+        "Lucida Grande",
+        "sans-serif"
+      ].join(",")
+    },
+    components: {
+      MuiLink: {
+        defaultProps: {
+          component: Link
+        }
+      }
+    },
+  }),
+  {factor: 2}
+)
+
+export default theme;