diff --git a/frontend/my-app/src/styles/theme/theme.js b/frontend/my-app/src/styles/theme/theme.js
new file mode 100644
index 0000000..531aa04
--- /dev/null
+++ b/frontend/my-app/src/styles/theme/theme.js
@@ -0,0 +1,31 @@
+// /styles/theme/theme.js
+import { createTheme } from '@mui/material/styles';
+
+const theme = createTheme({
+  palette: {
+    primary: {
+      main: '#1976d2', // 你可以更改为你需要的颜色
+    },
+    secondary: {
+      main: '#dc004e',
+    },
+    background: {
+      default: '#fafafa', // 背景颜色
+    },
+  },
+  typography: {
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
+    h1: {
+      fontWeight: 700,
+    },
+    h2: {
+      fontWeight: 600,
+    },
+    // 你可以根据需求自定义更多字体样式
+  },
+  shape: {
+    borderRadius: 8, // 控制组件的圆角
+  },
+});
+
+export default theme;