From 56ea073d07c6d505103c3b7144ab12a7184ac767 Mon Sep 17 00:00:00 2001
From: hwinkr <dnddl8280@naver.com>
Date: Sun, 9 Apr 2023 21:56:07 +0900
Subject: [PATCH] =?UTF-8?q?Chore:=20theme=20=EC=83=81=EC=88=98=20=EC=BB=A8?=
 =?UTF-8?q?=EB=B2=A4=EC=85=98=EC=97=90=20=EB=A7=9E=EA=B2=8C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/ThemeProvider/index.tsx |  4 ++--
 src/styles/ThemeProvider/theme.ts  | 22 +++++++++++-----------
 src/styles/emotion.d.ts            | 20 ++++++++++----------
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/styles/ThemeProvider/index.tsx b/src/styles/ThemeProvider/index.tsx
index 4a5f0893..c10c7aa5 100644
--- a/src/styles/ThemeProvider/index.tsx
+++ b/src/styles/ThemeProvider/index.tsx
@@ -2,7 +2,7 @@ import { ThemeProvider as Provider } from '@emotion/react';
 import Global from '@styles/Global';
 import { ReactNode } from 'react';
 
-import { theme } from './theme';
+import { THEME } from './theme';
 
 interface ThemeProviderProps {
   children: ReactNode;
@@ -12,7 +12,7 @@ const ThemeProvider = ({ children }: ThemeProviderProps) => {
   return (
     <>
       <Global />
-      <Provider theme={theme}>{children}</Provider>
+      <Provider theme={THEME}>{children}</Provider>
     </>
   );
 };
diff --git a/src/styles/ThemeProvider/theme.ts b/src/styles/ThemeProvider/theme.ts
index e0ba82a4..36609678 100644
--- a/src/styles/ThemeProvider/theme.ts
+++ b/src/styles/ThemeProvider/theme.ts
@@ -1,20 +1,20 @@
 import { Theme } from '@emotion/react';
 
-export const theme: Theme = {
-  background: '#EAEAEA',
+export const THEME: Theme = {
+  BACKGROUND: '#EAEAEA',
 
-  text: {
-    black: '#000000',
-    gray: '#808080',
-    white: '#FFFFFF',
+  TEXT: {
+    BLACK: '#000000',
+    GRAY: '#808080',
+    WHITE: '#FFFFFF',
   },
 
-  primary: '#71BC5C',
+  PRIMARY: '#71BC5C',
 
-  button: {
-    green: '#71BC5C',
-    gray: '#E7E7E7',
+  BUTTON: {
+    GREEN: '#71BC5C',
+    GRAY: '#E7E7E7',
   },
 
-  modalBackground: 'rgba(0, 0, 0, 0.6)',
+  MODAL_BACKGROUND: 'rgba(0, 0, 0, 0.6)',
 };
diff --git a/src/styles/emotion.d.ts b/src/styles/emotion.d.ts
index e17a842a..61c7c309 100644
--- a/src/styles/emotion.d.ts
+++ b/src/styles/emotion.d.ts
@@ -2,20 +2,20 @@ import '@emotion/react';
 
 declare module '@emotion/react' {
   export interface Theme {
-    background: string; // EAEAEA
-    text: {
-      black: string;
-      gray: string;
-      white: string;
+    BACKGROUND: string; // EAEAEA
+    TEXT: {
+      BLACK: string;
+      GRAY: string;
+      WHITE: string;
     };
 
-    primary: string; // 71BC5C
+    PRIMARY: string; // 71BC5C
 
-    button: {
-      green: string;
-      gray: string;
+    BUTTON: {
+      GREEN: string;
+      GRAY: string;
     };
 
-    modalBackground: string;
+    MODAL_BACKGROUND: string;
   }
 }