라이트/다크 모드와 무관하게, 해당 박스의 색상은 고정되어 있습니다. 팔레트 선택과 관계없이 동일한 배경색과 텍스트 색상을 사용합니다. 말씀하신 대로 배경색(--color-feature 변수의 #667eea)은 흰색 텍스트를 사용하기에는 너무 밝습니다.
크롬의 대비 검사에 따르면 #667eea 배경 위에 rgb(255, 255, 255 / 95%)를 사용할 경우 대비 비율이 3.46:1로, WCAG AA 최소 기준인 4.5:1에도 미치지 못합니다. (놀랍게도 검은색 텍스트는 4.5:1로 간신히 기준을 충족하지만, 여전히 보기 좋지 않고 가독성이 떨어집니다.)
따라서 이 문제는 비교적 시급하게 해결해야 하며, 솔직히 말하자면 사이트 전체에 대한 종합적인 접근성 검토가 필요합니다. 2026년인 지금, 접근성은 모든 웹사이트의 기본 출시 기능이 되어야 합니다.
(그동안 --color-feature를 #3048b6으로 변경하면 배경색으로 허용 가능한 수준이 됩니다. 흰색 텍스트와의 대비 비율이 7.12:1로, 7:1 이상을 요구하는 WCAG AAA 가이드라인을 충족합니다.)