feat: add theme file

package.json

@@ -21,7 +21,8 @@
     "commitlint": "^19.5.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-helmet": "^6.1.0"
+    "react-helmet": "^6.1.0",
+    "styled-components": "^6.1.13"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",

src/assets/styles/theme.ts

@@ -0,0 +1,14 @@
+import { DefaultTheme } from 'styled-components';
+
+export const theme: DefaultTheme = {
+  colors: {
+    black_100: '#000000',
+    white_100: '#FFFFFF',
+    red_100: '#F13D42',
+    red_50: '#FB9999',
+    red_25: '#FFCCCC',
+    grey_75: '#434343',
+    grey_50: '#737373',
+    grey_25: '#BBBBBB',
+  },
+};

src/main.tsx

@@ -1,11 +1,15 @@
 import React from 'react';
 
 import ReactDOM from 'react-dom/client';
+import { ThemeProvider } from 'styled-components';
 
 import App from './App';
+import { theme } from './assets/styles/theme';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <ThemeProvider theme={theme}>
+      <App />
+    </ThemeProvider>
   </React.StrictMode>,
 );

src/types/style.d.ts

@@ -0,0 +1,9 @@
+import 'styled-components';
+
+declare module 'unievent-styled-components' {
+  export interface DefaultTheme {
+    colors: {
+      [key: string]: string;
+    };
+  }
+}