From 7300cbf17c7bf68f8728e5ca68bf72d71592f4b4 Mon Sep 17 00:00:00 2001
From: hyemin <marina_yhm@naver.com>
Date: Fri, 27 Oct 2023 20:34:43 +0900
Subject: [PATCH] =?UTF-8?q?Config:=20=EA=B3=B5=ED=86=B5=ED=85=8C=EB=A7=88?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.js              |  7 ++++++-
 src/style/theme/theme.jsx | 15 +++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 src/style/theme/theme.jsx

diff --git a/src/index.js b/src/index.js
index 5f5d8c8..e704e07 100644
--- a/src/index.js
+++ b/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>
 );
diff --git a/src/style/theme/theme.jsx b/src/style/theme/theme.jsx
new file mode 100644
index 0000000..db31ba0
--- /dev/null
+++ b/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;
\ No newline at end of file