# custom-theme

kikiki0611

안드로이드 작업을 하다보면, 항상 다크모드와 라이트 모드를 모두 지원하기는 여간 귀찮은 일이 아니다. 이 떄 머티리얼을 사용하여 컬러를 적용하면, 보다 쉽게 다크모드를 지원하는 앱을 만들 수 있다고 한다. 하지만 현실세계의 개발은 그리 녹록지 않다. 머티리얼에서 제공하는 롤과 토큰들은 디자이너의 니즈를 모두 충족시키기에는 턱 없이 부족한 토큰들이다. 그래서 몇몇 컴포넌트들은 별도로 컬러를 지정해주게 되는데, 이때마다 컬러를 코드에 입력하기엔 관리 포인트도 늘어나고 다크모드까지 제공하려면 여간 힘든일이 아니다. 따라서 이 글에선 필자가 Jetpack-compose에서 커스텀으로 컬러를 사용하는 방법을 소개하고자 한다. 다음은 필자가 (정상적으로?) 머티리얼3 디자인을 사용하는 방법이다. 우선 팔레트, 토큰, 롤, 테마를 정의해준다. 다음으로 베이스 컴포넌트들을 만들어둔다. 위와같이 머티리얼과 테마와 베이스 컴포넌트를 잡아두고 원하는 곳에서 아래처럼 사용하면