Android - 앱의 컬러바꾸기

앱의 액션바나 상태줄 등 컬러를 바꿔보자.

먼저 res - values 에 colors.xml 파일을 연다.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
    // 원하는 컬러 추가.
</resources>

기본값으로 정해진 컬러들이 있다.

새로 추가할수도 있다.

 

이제 themes 폴더의 themes.xml 파일을 연다.

 

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.Timer" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        <!-- 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" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <!-- Customize your theme here. -->
    </style>
</resources>

@color 부분에 앞서 colors.xml 에서 만들었던 컬러들을 입력할수있다.

물론 직접 색상코드를 입력할 수도 있다.

 

기본 색상

색상 코드 변경

변경 후 색상.