Config: 공통테마적용

src/index.js

@@ -3,12 +3,17 @@ import ReactDOM from "react-dom/client";
 import "./index.css";
 import App from "./App";
 import { BrowserRouter } from "react-router-dom";
+import { ThemeProvider } from 'styled-components';
+import theme from './style/theme/theme';
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
   <React.StrictMode>
     <BrowserRouter>
-      <App />
+    <ThemeProvider theme={theme}>
+    <App />
+    </ThemeProvider>
+
     </BrowserRouter>
   </React.StrictMode>
 );

src/style/theme/theme.jsx

@@ -0,0 +1,15 @@
+const theme = {
+    colors: {
+        MainColor: '#05422b',
+        HoverColor: '#3CB371',
+        accent: '#e0234e',
+    },
+    fontSize: {
+        small: '12px',
+        medium: '16px',
+        large: '24px',
+    },
+    // 여기에 더 많은 테마 변수를 추가할 수 있습니다.
+};
+
+export default theme;