diff --git a/src/main.jsx b/src/main.jsx
index 565edab..d485281 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -82,9 +82,11 @@ const router = createBrowserRouter([
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   //<React.StrictMode>
-      <RouterProvider
-        router={router}
-        fallbackElement={() => <div>Loading...</div>}
-      />
+  <ThemeContext.Provider value={{ colorPrimary: '#00b96b', borderRadius: 4 }}>
+    <RouterProvider
+      router={router}
+      fallbackElement={() => <div>Loading...</div>}
+    />
+  </ThemeContext.Provider>
   //</React.StrictMode>
 );
diff --git a/src/stores/ThemeContext.js b/src/stores/ThemeContext.js
new file mode 100644
index 0000000..f4f7aa7
--- /dev/null
+++ b/src/stores/ThemeContext.js
@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react'
+
+export const ThemeContext = createContext({})
+
+export function useThemeContext() {
+  return useContext(ThemeContext)
+}
\ No newline at end of file