색을 데이터에서 떼고, 화면에 공통의 결을 입히다

화면마다 카드의 테두리와 표면이 일관되지 않게 표시되는 문제가 있었다. 일부 항목이 개별 색 값을 데이터 레벨에서 직접 보유하고 있었고, 그 결과 동일한 목록 내에서도 항목 간 시각적 일관성이 유지되지 않았다.

개선은 두 방향으로 진행했다. 첫째, 각 항목이 개별적으로 보유하던 색 정보를 데이터 구조에서 분리했다. 색 결정을 화면 레이어로 이관하고, 표면·테두리·그라데이션 등 시각 요소를 공통 규칙 아래 재정의했다. moment, inst, 추천, 탐색 등 주요 카드 유형 전반이 동일한 기준으로 렌더링된다. 둘째, 재생 상태 표시의 일관성을 보강했다. 미니 플레이어, 잠금화면 원격 제어, 릴스 재생이 동일한 상태를 반영하도록 표시를 정렬했으며, 느린 네트워크 및 오프라인 환경에서의 표시 동작도 점검했다.

색 결정의 책임을 데이터에서 화면 레이어로 명확히 분리함으로써, 어떤 화면에서도 카드가 일관된 시각 기준으로 표시된다.