업무 내용
변수 이름 | Light 모드 (Hex Code) | Dark 모드 (Hex Code) |
백그라운드 | ||
bg-primary | F2F4F6 | 151A1E |
bg-secondary | FFFFFF | 151A1E |
bg-button-default
(식단 상세 페이지 버튼 백그라운드) | E7EBEE | 3F4D5A |
bg-input-enabled
(위클리 인풋 활성화) | E7EBEE | 3F4D5A |
bg-input-enabled (weekly)
(위클리 인풋 활성화 - 무게,횟수) | D3EAFF | 3F4D5A |
bg-icon-disabled
(위클리 인풋 비활성화) | C3CCD5 | 698096 |
bg-button-disabled
(버튼 백그라운드) | E7EBEE | 2A333C |
bg-progress
(프로그레스 백그라운드) | E7EBEE | 2A333C |
bg-muscle
(근육피로도 백그라운드) | E7EBEE | 698096 |
위클리 헤더 | ||
header-category-enabled
(위클리 헤더 n회차 버튼 활성화) | DBE0E6 | 2A333C |
header-category-disabled
(위클리 헤더 n회차 버튼 비활성화) | 2A333C | DBE0E6 |
카드 | ||
card-primary (header) | FFFFFF | 1F252B |
card-secondary | F2F4F6 | 1F252B |
card-secondary (done)
(완료 분석 페이지 카드 컬러) | F2F4F6 | 2A333C |
card-secondary (weekly,modal) | FFFFFF | 2A333C |
card-tertiary (weekly) | F2F4F6 | 3F4D5A |
아이콘 | ||
icon-primary | 2A333C | F6F7F9 |
icon-secondary | 3F4D5A | E7EBEE |
icon-secondary (weekly)
(위클리 아이콘 체크 표시) | FFFFFF | 8799AB |
라인,디바이더,보더 | ||
line,divider | C3CCD5 | 3F4D5A |
border | C3CCD5 | 698096 |
텍스트 | ||
text-primary | 2A333C | F6F7F9 |
text-secondary | 3F4D5A | E7EBEE |
text-discription-1 | 8799AB | A5B3C0 |
text-discription-2 | C3CCD5 | 698096 |
text-discription-3 | C3CCD5 | 3F4D5A |
text-disabled | E7EBEE | 2A333C |
text-disabled (page) | C3CCD5 | 546678 |
text-disabled (modal) | C3CCD5 | 698096 |
버튼 | ||
button-border
(버튼 바깥 라인, 인풋 바깥 라인) | C3CCD5 | 698096 |
button-text-disabled
(버튼 텍스트 컬러) | C3CCD5 | 3F4D5A |
ID | 라이트 | 다크 | 사용처 |
gray-1 | F2F4F6 | 151A1E | 백그라운드 프라이머리 (위클리) |
FFFFFF | 151A1E | 백그라운드 세컨더리 (완료분석) | |
E7EBEE | 3F4D5A | 배경 버튼 디폴트, 배경 인풋 활성화,라인이랑 보더 | |
C3CCD5 | 698096 | 배경 아이콘 비활성화, 텍스트 디스크립션2, 텍스트 비활성화 (모달), 버튼 보더 | |
E7EBEE | 2A333C | 배경 버튼 비활성화, 배경 프로그레스,텍스트 비활성화, 보더 | |
E7EBEE | 698096 | 근육피로도 배경 | |
DBE0E6 | 2A333C | 헤더 카테고리 활성화 | |
2A333C | 698096 | 헤더 카테고리 비활성화 | |
FFFFFF | 1F252B | 카드 프라이머리 (헤더) | |
F2F4F6 | 1F252B | 카드 세컨더리 | |
F2F4F6 | 2A333C | 카드 세컨더리 (완료분석) | |
FFFFFF | 2A333C | 카드 세컨더리 (위클리, 모달) | |
F2F4F6 | 3F4D5A | 카드 터셔리 (위클리) | |
2A333C | F6F7F9 | 텍스트 프라이머리 | |
3F4D5A | E7EBEE | 텍스트 세컨더리 | |
8799AB | A5B3C0 | 텍스트 디스크립션-1 | |
C3CCD5 | 3F4D5A | 텍스트 디스크립션-3 | |
C3CCD5 | 546678 | 텍스트 비활성화 (페이지) | |
C3CCD5 | 3F4D5A | 버튼 텍스트 비활성화 | |
546678 | A5B3C0 | 아이콘 프라이머리 | |
8799AB | F6F7F9 | 아이콘 세컨더리 | |
FFFFFF | 8799AB | 아이콘 세컨더리 (위클리) |
ID | 라이트 | 다크 | 사용처 | 취합 여부 |
FFFFFF | 151A1E | 백그라운드 세컨더리 | 취합 | |
gray-1 | FFFFFF | 1F252B | 카드 프라이머리 (헤더) | 최종 |
gray-2 | FFFFFF | 2A333C | 카드 세컨더리 (위클리, 모달) | |
gray-3 | FFFFFF | 8799AB | 아이콘 세컨더리 (위클리) | |
F2F4F6 | 151A1E | 백그라운드 프라이머리 | 취합 | |
gray-4 | F2F4F6 | 1F252B | 카드 세컨더리 | 최종 |
gray-5 | F2F4F6 | 2A333C | 카드 세컨더리 (완료분석) | |
gray-6 | F2F4F6 | 3F4D5A | 카드 터셔리 (위클리) | |
gray-7 | E7EBEE | 3F4D5A | 배경 버튼 디폴트, 배경 인풋 활성화,라인이랑 디바이더, 배경 프로그레스 | |
gray-8 | E7EBEE | 2A333C | 배경 버튼 비활성화, 텍스트 비활성화, 보더 | |
gray-9 | E7EBEE | 698096 | 근육피로도 배경 | |
gray-10 | DBE0E6 | 2A333C | 헤더 카테고리 활성화 | |
gray-11 | C3CCD5 | 698096 | 배경 아이콘 비활성화, 텍스트 디스크립션2, 텍스트 비활성화 (모달), 버튼 보더 | 최종 |
gray-12 | C3CCD5 | 3F4D5A | 텍스트 디스크립션-3, 버튼 텍스트 비활성화 | |
C3CCD5 | 546678 | 텍스트 비활성화 (페이지) | 취합 | |
gray-13 | 8799AB | A5B3C0 | 텍스트 디스크립션-1 | |
gray-14 | 8799AB | F6F7F9 | 아이콘 세컨더리 | |
gray-15 | 546678 | A5B3C0 | 아이콘 프라이머리 | |
gray-16 | 3F4D5A | E7EBEE | 텍스트 세컨더리 | |
gray-17 | 2A333C | 698096 | 헤더 카테고리 비활성화 | |
gray-18 | 2A333C | F6F7F9 | 텍스트 프라이머리 | |
gray-19 | D3EAFF | 3F4D5A | 인풋 활성화 (위클리 전용) |
하위 업무
