현재 selected와 hover 색상은 모두 primary 변수의 색조(shade)입니다. 이 작은 실험에서는 차별화를 위해 selected를 대신 tertiary의 색조로 변경했습니다.
selected
hover
primary
tertiary
이제 tertiary-300을 사용하고 있습니다. 이는 텍스트 색상을 변경하지 않아도 될 수 있는 최대 색조입니다(텍스트 색상 변경은 상당한 수작업이 필요하므로). 동시에 적절한 대비 비율을 유지할 수 있었습니다.
tertiary-300