Chore: theme 상수 컨벤션에 맞게 변경

GDSC-PKNU-Official · Apr 9, 2023 · 56ea073 · 56ea073
1 parent 40d98b3
commit 56ea073
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 23 deletions.
diff --git 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
@@ -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
@@ -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;
   }
 }