개발자가 OKLCH 기반의 제로 디펜던시 테마 생성기를 오픈소스로 공개하여 단일 색상에서 완전한 라이트/다크 테마를 자동으로 생성할 수 있게 했습니다

Context

테마 구축 시 기본 색상 변경 시 보조색, 다크모드, 대화형 상태, 접근성을 일일이 수동 조정해야 하는 반복 작업의 비효율성이 문제였다. 기존 방식은 RGB나 HEX 값 직접 조작으로 시각적 균형 잡힌 색상 관계를 만들기 어렵다는 한계가 있었다.

Technical Solution

• salt-theme-gen이 단일 primary 색상 입력으로 21개의 의미론적 색상을 생성한다
• OKLCH 색 공간을 활용하여 라이트/다크 모드 전반에 지각적으로 균형 잡힌 색상을 보장한다
• 32개의 대화형 상태(hover, pressed, focused, disabled)와 4개의 표면 고도 레벨을 자동 생성한다
• WCAG AA 호환 색상과 18개 항목의 접근성 리포트를 기본 제공한다
• 6가지 색상 조화 전략(analogous, complementary, triadic, split-complementary, tetradic, monochromatic)을 지원한다

Impact

개발자가 테마 하나를 변경할 때 수동 조정하던 수십 개의 단계를 완전 자동화로 대체할 수 있다.

Key Takeaway

테마 생성기는 개별 색상 생성이 아닌 전체 시스템 구조를 출력해야 하며, 접근성과 AI 통합 가능성을 설계 초기에 함께 고려해야 한다.