[FE] 유저 테마 컬러 변경 기능 추가

[seong-hui]

해당 사항 (중복 선택)

• FEAT : 새로운 기능 추가 및 개선
• FIX : 기존 기능 수정 및 정상 동작을 위한 간단한 추가, 수정사항
• BUG : 버그 수정
• REFACTOR : 결과의 변경 없이 코드의 구조를 재조정
• TEST : 테스트 코드 추가
• DOCS : 코드가 아닌 문서를 수정한 경우
• REMOVE : 파일을 삭제하는 작업만 수행
• RENAME : 파일 또는 폴더명을 수정하거나 위치(경로)를 변경
• ETC : 이외에 다른 경우 - 어떠한 사항인지 작성해주세요.

설명

아래 링크에 이슈번호를 적어주세요. 예) .../42cabi/issues/738

#1397
사용자가 테마 컬러를 변경할 수 있는 기능을 추가하였습니다.

• react-color라는 라이브러리를 통해서 color picker를 불러왔습니다.
• 테마 색상이 변경됨에 따라서 이미지 파일의 색상(svg)도 변경하기 위해서 svg파일을 리액트 컴포넌트로 변환해주는 svgr을 도입하여 유동적으로 색상이 변경될 수 있도록 하였습니다.
• 메인 색상만 변경이 가능하도록 하였고, 메인 색이 아닌 다른 색상을 선택하면 서브 색상은 회색으로 통일하였습니다.
• admin에는 따로 색상을 변경하는 기능을 넣지 않았고, localhost에 색상을 담아서 변경하기 때문에 user에서 변경을 했다면 admin에 들어가도 변경이 되도록 하였습니다.

[YESHYUNGSEOK]

고생 많으셨습니다 실제 작동하는 모습을 얼른 보고 싶네요!

[junyoung2015]

파스텔톤으로 색깔 잘 뽑으신 것 같습니다. 고생하셨습니다~

[42inshin]

여기에 defaultColor "#9747ff" 같은 고유 컬러 값들은 contants 폴더에 따로 관리하는 것도 괜찮을 것 같네요.
생각보다 여러 파일에서 사용 중으로 보여서 분리해서 차후를 위해 관리하는게 도움될 것 같습니다.

[42inshin]

테마 컬러 작업하느라 고생 많으셨습니다. 실제로 동작해서 봤는데, 잘 동작하는 것 같아서 좋았습니다.
svgr rollup이라는 라이브러리도 처음 들어봐서, 오랜만에 PR이 저에게 도움이 많이 되었습니다.

[아이디어]
색상 밝기에 따라서 textColor도 동적으로 바뀌면 더 이상적일 것 같아서 글로 아이디어 적어봅니다.
아마 textColor는 따로 변수로 처리 안된 부분이 많을 거라 이 부분은 작업하는데 노가다일 수도 있겠네요.
언젠가 마음이 동하실때 해보는 것을 추천드릴게요. (하면 좋을거 같다는거지 하라는거 아님..!)
지선생님 의견을 구해서 도움이 될만한 코드도 같이 첨부합니다