Astra Global Color Variable 리매핑을 통한 디자인 일관성 유지 Dark Mode 구현

Context

기존 Astra 테마의 Dark Mode 구현 방식이 단순 색상 반전 기반 플러그인에 의존하여 디자인 일관성이 훼손되는 한계 존재. 런타임에서 임의로 색상을 변경함에 따른 예측 불가능한 UI 렌더링 문제 발생.

Technical Solution

• 자동 색상 반전 방식 대신 Astra Global Color Variables를 직접 리매핑하는 구조 설계
• 디자인 시스템의 기존 구조를 유지하며 정의된 색상 값만 교체하여 스타일 예측 가능성 확보
• Custom Color Palette 지원을 통해 사용자 정의 색상 체계 내에서의 유연한 대응 구현
• Toggle, Shortcode, Widget 인터페이스를 제공하여 런타임 제어 가능 구조 구축
• 렌더링 단계의 간섭을 최소화한 Lightweight Plugin 형태로 설계하여 오버헤드 방지