선택된 목록 항목 배경색

현재 selected와 hover 색상은 모두 primary 변수의 색조(shade)입니다. 이 작은 실험에서는 차별화를 위해 selected를 대신 tertiary의 색조로 변경했습니다.

변경 전

변경 후

이제 tertiary-300을 사용하고 있습니다. 이는 텍스트 색상을 변경하지 않아도 될 수 있는 최대 색조입니다(텍스트 색상 변경은 상당한 수작업이 필요하므로). 동시에 적절한 대비 비율을 유지할 수 있었습니다.

6개의 좋아요