컬러 헥사 코드를 변수로 지정해두고 사용하고 싶었는데 스타일 컴포넌트는 CSS in JS 이기 때문에 CSS의 전역 변수를 사용할 수 없었다. constants.js와 같은 파일에서 값을 불러올 수도 있지만, 전역 CSS 변수를 사용하는 파일마다 import 해야 한다는 점이 불편하다. 때문에 스타일 컴포넌트의 ThemeProvider를 사용했다.
![[팀3] 아이육](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F42f3f288-cddc-4aa9-9c8c-5fda2385816c%2F%E1%84%8B%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%B2.jpeg?table=block&id=28f236d1-2c78-43ef-b1a5-662df6e93477&cache=v2)
