Token Lab에서 나만의 색상 팔레트 만들기

기본 테마에서 나만의 팔레트로

1. 01

   기본 테마 선택

   완전한 색상 데이터가 있는 호환 테마를 선택하세요. 페이지에는 호환 테마 수와 전체 공개 테마 수가 각각 표시됩니다.

2. 02

   색상 역할 선택 및 편집

   배경, 텍스트, 강조 또는 상태 색상을 선택하고 16진수 값을 변경하세요. 라이트 모드와 다크 모드를 각각 조정하고 옆의 대화 미리보기에서 텍스트, 코드, 조작 요소를 확인하세요.

3. 03

   비교 및 확인

   원본 테마와 비교하고 각 미리보기 배경에서 텍스트의 가장 낮은 대비율을 확인하세요. 일반 텍스트는 최소 4.5:1이 필요합니다. 편집 후에는 실제 화면에서 포커스와 키보드 조작도 확인해야 합니다.

4. 04

   내보내기 및 테마 제작

   두 모드가 모두 포함된 CSS 또는 JSON을 다운로드하세요. 내보낸 JSON은 다시 가져올 수 있습니다. Agent용 프롬프트를 복사하면 이 팔레트를 바탕으로 별도 테마를 제작하고 설치한 뒤 실제 동작을 테스트하도록 요청할 수 있습니다.

예: 차분한 독서 공간

마음에 드는 테마를 선택하고 읽기 영역의 배경을 조금 따뜻한 중성색으로 조정한 뒤 보조 텍스트가 잘 읽히는지 확인하세요. 기본 버튼과 선택 상태를 쉽게 구분할 수 있는 강조색을 선택하세요. 다크 모드는 별도로 조정해야 합니다. 라이트 모드의 색상 값을 단순히 반전하면 경고나 코드가 읽기 어려워질 수 있습니다.

내보낸 Token Lab JSON을 바탕으로 별도의 DSH 테마를 만들어 주세요. 대상 버전은 0.1.3-alpha.1이고 소스 커밋은 d347e703908d0406b7a7ef80e3a0e594d86b2215입니다. 라이트 모드와 다크 모드의 의미 기반 토큰 13개를 모두 유지하세요. 텍스트 대비를 확인하고 빌드한 다음 실제 Harness의 사이드바, 메시지, 코드, 메뉴, 입력란을 테스트하세요. 설치, 재시작, 전환, 복원 절차를 제공하세요. 실제 테스트를 완료하기 전에 검증되었다고 주장하지 마세요.