FrontEnd‐Colors

🎨 Colors

프로젝트 메인 색상

블랙+레드 조합을 메인으로 사용하며, 필요시 골드 컬러를 이용해 포인트를 준다.

색상 팔레트 구조

Tailwind CSS의 컬러 팔레트를 베이스로 프로젝트의 색상 3종(primary, secondary, black)을 추가한다.

Mantine UI의 컬러는 사용하지 않으며, Mantine의 컬러 설정 역시 Tailwind CSS + 프로젝트 색상의 조합으로 설정해둔 상태이다.

팔레트 3종과 별개로, 할일 상태(대기/완료)를 한눈에 구분하기 위한 상태 전용 포인트 컬러 (--state-pending-color, --state-done-color)를 추가해 상태 배지 · 진행률 바 등에서 사용한다.

---

💻 Code

• Mantine 색상 설정

📎 Reference

• Tailwind CSS Colors
• ToDoToDo Project Colors