기본 색상 팔레트
| 변수 이름 | HEX | RGB |
| –bg-color ■ | #f4f4f4 | rgb(244, 244, 244) |
| –main-bg ■ | #FFFFFF | rgb(255, 255, 255) |
| –primary-color ■ | #001f3f | rgb(0, 31, 63) |
| –secondary-color ■ | #ECE5D0 | rgb(236, 229, 208) |
| –text-color ■ | #333333 | rgb(51, 51, 51) |
| –border-color ■ | #e0e0e0 | rgb(224, 224, 224) |
| –gray-text ■ | #808080 | rgb(128, 128, 128) |
| –warning-color ■ | #d9534f | rgb(217, 83, 79) |
추가 색상
| 사용된 위치 | HEX | RGB |
| .form-control 배경 ■ | #f9f9f9 | rgb(249, 249, 249) |
| .info-display 배경 ■ | #f9f9f9 | rgb(249, 249, 249) |
| .content-box 배경 ■ | #fafafa | rgb(250, 250, 250) |
| .checkbox-section 배경 ■ | #f0f3f5 | rgb(240, 243, 245) |
| .checkbox-section 라벨 ■ | #000000 | rgb(0, 0, 0) |
| input[type=”checkbox”] 테두리 ■ | #ccc | rgb(204, 204, 204) |
| .action-btn:hover 배경 ■ | #d8cfb9 | rgb(216, 207, 185) |
댓글 남기기