[CSS] 배경색과 전경색의 적절한 대비 설정하기 (feat. CIE XYZ 모델)
YEONSUI 버전 2의 Button 컴포넌트를 살펴보며 한 가지 거슬리는 점을 발견했다.
Filled Primary Button 스타일은 다음과 같이 Primary 배경색과 흰색 텍스트로 이루어져 있다.
만약 primary 색상 변수가 밝은 색이라면 어떻게 보일까?
:root {
--primary-color: 60, 100%;
}
안보인다... 😑
이러한 문제를 해결하기 위해 배경색에 따라 텍스트 색상을 바꾸는 기능을 추가할 것이다...
yeonsu.hashnode.dev3 min read