[AOS] Primary Theme Color테마 색상 정리

Theme에 보면 기본적으로 ColorPrimary, 등등 색상이 정의되어 있고,

그동안 적정 색상을 넣기위해 해당 Theme Color를 응용하지 않고, 알아보려 하지도 않았다.

 

플루터를 하면서 Theme Color의 유용함을 느꼈고, 다시 안드로이드 네이티브 개발을 진행하면서

Theme Color를 베이스로 이쁘게 꾸며보기 위해 정리를 하게 되었다.

 

 

<style name="Theme.SimpleSoundPicker" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
    <!-- Primary brand color. -->
    <item name="colorPrimary">@color/purple_500</item>
    <item name="colorPrimaryVariant">@color/purple_700</item>
    <item name="colorOnPrimary">@color/white</item>
    <!-- Secondary brand color. -->
    <item name="colorSecondary">@color/teal_200</item>
    <item name="colorSecondaryVariant">@color/teal_700</item>
    <item name="colorOnSecondary">@color/black</item>
    <!-- Status bar color. -->
    <item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
    <!-- Customize your theme here. -->
</style>

 

 

기본적으로 앱을 빌드하면 안드로이드에서 친절하게 해당 색상들을 지정해준다.

 

colorPrimary : 앱의 대표 색이며, 색을 지정하지 않은 곳에 모두 해당 색상이 입혀진다

colorPrimaryVariant : 색을 입히지 않은 곳에 뿌려지는 느낌이랄까

colorOnPrimary : colorPrimary가 적용된 UI위에 그려지는 텍스트 등의 색상

colorSecondary : 강조효과에 적용되는 색상

colorSecondaryVariant : 버튼의 경계선

colorOnSecondary :colorSecondary위의 그려지는 텍스트, 아이콘의 색상

statusBarColor : 휴대폰 맨 위 시계, 인터넷 상태, 배터리표시 위치의 색상

 

colorControlNormal : EditText, Checkbox, RadioButton, Progressbar 일반 상태 색상

colorAccent : 액션을 일으켰을때, 체크가 되거나 이벤트가 일어난 뒤 색상

colorControlHighlight : 터치, 액션 했을때의 색상