fix: use flexible prefix for fonts

WXYC · Jun 20, 2024 · c491afb · c491afb
1 parent c22a331
commit c491afb
Showing 1 changed file with 112 additions and 112 deletions.
diff --git a/app/styles/theme.js b/app/styles/theme.js
@@ -1,8 +1,8 @@
-import { extendTheme } from '@mui/joy/styles';
+import { prefix } from "@/utils/prefix";
+import { extendTheme } from "@mui/joy/styles";
 
-
-import { Kanit } from 'next/font/google';
-import localFont from 'next/font/local';
+import { Kanit } from "next/font/google";
+import localFont from "next/font/local";
 
 const kanit = Kanit({
   weight: "400",
@@ -11,7 +11,7 @@ const kanit = Kanit({
 });
 
 const minbus = localFont({
-  src: "./fonts/Minbus.otf",
+  src: `${prefix}/fonts/Minbus.otf`,
 });
 
 const wxycTheme = extendTheme({
@@ -20,8 +20,8 @@ const wxycTheme = extendTheme({
       styleOverrides: {
         root: {
           zIndex: 10000,
-        }
-      }
+        },
+      },
     },
   },
   fontFamily: {
@@ -31,135 +31,135 @@ const wxycTheme = extendTheme({
   typography: {
     h1: {
       fontFamily: minbus.style.fontFamily,
-      fontWeight: '100',
+      fontWeight: "100",
     },
     h2: {
       fontFamily: minbus.style.fontFamily,
-      fontWeight: '100',
+      fontWeight: "100",
     },
     h3: {
       fontFamily: minbus.style.fontFamily,
-      fontWeight: '100',
+      fontWeight: "100",
     },
     h4: {
       fontFamily: minbus.style.fontFamily,
-      fontWeight: '100',
+      fontWeight: "100",
     },
     h5: {
       fontFamily: minbus.style.fontFamily,
-      fontWeight: '100',
+      fontWeight: "100",
     },
     h6: {
       fontFamily: minbus.style.fontFamily,
-      fontWeight: '100',
+      fontWeight: "100",
     },
   },
-  "colorSchemes": {
-    "light": {
-      "palette": {
-        "primary": {
-          "50": "#fff1f2",
-          "100": "#ffe4e6",
-          "200": "#fecdd3",
-          "300": "#fda4af",
-          "400": "#fb7185",
-          "500": "#f43f5e",
-          "600": "#e11d48",
-          "700": "#be123c",
-          "800": "#9f1239",
-          "900": "#881337"
+  colorSchemes: {
+    light: {
+      palette: {
+        primary: {
+          50: "#fff1f2",
+          100: "#ffe4e6",
+          200: "#fecdd3",
+          300: "#fda4af",
+          400: "#fb7185",
+          500: "#f43f5e",
+          600: "#e11d48",
+          700: "#be123c",
+          800: "#9f1239",
+          900: "#881337",
+        },
+        success: {
+          50: "#f7fee7",
+          100: "#ecfccb",
+          200: "#d9f99d",
+          300: "#bef264",
+          400: "#a3e635",
+          500: "#84cc16",
+          600: "#65a30d",
+          700: "#4d7c0f",
+          800: "#3f6212",
+          900: "#365314",
         },
-        "success": {
-          "50": "#f7fee7",
-          "100": "#ecfccb",
-          "200": "#d9f99d",
-          "300": "#bef264",
-          "400": "#a3e635",
-          "500": "#84cc16",
-          "600": "#65a30d",
-          "700": "#4d7c0f",
-          "800": "#3f6212",
-          "900": "#365314"
+        info: {
+          50: "#f8fafc",
+          100: "#f1f5f9",
+          200: "#e2e8f0",
+          300: "#cbd5e1",
+          400: "#94a3b8",
+          500: "#64748b",
+          600: "#475569",
+          700: "#334155",
+          800: "#1e293b",
+          900: "#0f172a",
         },
-        "info": {
-          "50": "#f8fafc",
-          "100": "#f1f5f9",
-          "200": "#e2e8f0",
-          "300": "#cbd5e1",
-          "400": "#94a3b8",
-          "500": "#64748b",
-          "600": "#475569",
-          "700": "#334155",
-          "800": "#1e293b",
-          "900": "#0f172a"
+        warning: {
+          50: "#fafaf9",
+          100: "#f5f5f4",
+          200: "#e7e5e4",
+          300: "#d6d3d1",
+          400: "#a8a29e",
+          500: "#78716c",
+          600: "#57534e",
+          700: "#44403c",
+          800: "#292524",
+          900: "#1c1917",
         },
-        "warning": {
-          "50": "#fafaf9",
-          "100": "#f5f5f4",
-          "200": "#e7e5e4",
-          "300": "#d6d3d1",
-          "400": "#a8a29e",
-          "500": "#78716c",
-          "600": "#57534e",
-          "700": "#44403c",
-          "800": "#292524",
-          "900": "#1c1917"
-        }
-      }
+      },
     },
-    "dark": {
-      "palette": {
-        "primary": {
-          "50": "#faeaef",
-          "100": "#ecadc0",
-          "200": "#e383a0",
-          "300": "#d95a81",
-          "400": "#d03161",
-          "500": "#a6274e",
-          "600": "#922244",
-          "700": "#531427",
-          "800": "#3e0f1d",
-          "900": "#15050a"
+    dark: {
+      palette: {
+        primary: {
+          50: "#faeaef",
+          100: "#ecadc0",
+          200: "#e383a0",
+          300: "#d95a81",
+          400: "#d03161",
+          500: "#a6274e",
+          600: "#922244",
+          700: "#531427",
+          800: "#3e0f1d",
+          900: "#15050a",
         },
-        "danger": {
-          "50": "#fdf2f2",
-          "100": "#fad9d9",
-          "200": "#f7c0c0",
-          "300": "#f3a6a6",
-          "400": "#ee8080",
-          "500": "#8f4d4d",
-          "600": "#472626",
-          "700": "#301a1a",
-          "800": "#180d0d",
-          "900": "#000000"
+        danger: {
+          50: "#fdf2f2",
+          100: "#fad9d9",
+          200: "#f7c0c0",
+          300: "#f3a6a6",
+          400: "#ee8080",
+          500: "#8f4d4d",
+          600: "#472626",
+          700: "#301a1a",
+          800: "#180d0d",
+          900: "#000000",
         },
-        "info": {
-          "50": "#f2f7f6",
-          "100": "#e5efed",
-          "200": "#d9e8e3",
-          "300": "#cce0da",
-          "400": "#bfd8d1",
-          "500": "#acc2bc",
-          "600": "#73827d",
-          "700": "#606c69",
-          "800": "#39413f",
-          "900": "#131615"
+        info: {
+          50: "#f2f7f6",
+          100: "#e5efed",
+          200: "#d9e8e3",
+          300: "#cce0da",
+          400: "#bfd8d1",
+          500: "#acc2bc",
+          600: "#73827d",
+          700: "#606c69",
+          800: "#39413f",
+          900: "#131615",
         },
-        "success": {
-          "50": "#e8f3f4",
-          "100": "#b9dcdf",
-          "200": "#74b9bf",
-          "300": "#45a1a9",
-          "400": "#178a94",
-          "500": "#126e76",
-          "600": "#106168",
-          "700": "#0c454a",
-          "800": "#07292c",
-          "900": "#051c1e"
-        }
-      }
-    }
-  }
+        success: {
+          50: "#e8f3f4",
+          100: "#b9dcdf",
+          200: "#74b9bf",
+          300: "#45a1a9",
+          400: "#178a94",
+          500: "#126e76",
+          600: "#106168",
+          700: "#0c454a",
+          800: "#07292c",
+          900: "#051c1e",
+        },
+      },
+    },
+  },
 });
 
 export default wxycTheme;