CODEWITHSUNDEEP
androidkotlincolors
qingy2019
qingy2019

Reputation: 642

Which color is colorAccent in Android Studio colors.xml?

Here's my 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="white">#FFFFFFFF</color>
</resources>

I think this was one of the new features in the new Android Studio Version (because I updated Android Studio recently).

Can someone please tell me where colorAccent went?

Upvotes: 1

Views: 6649

Answers (1)

Gabriele Mariotti
Gabriele Mariotti

Reputation: 363895

The colorPrimary, colorSecondary, colorAccent... are attributes defined in the App Theme.

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- Primary brand color. -->
    <item name="colorPrimary">@color/purple_500</item>
    <item name="colorOnPrimary">@color/white</item>
    <item name="colorSecondary">@color/white</item>
    <!-- ... -->
</style>

They have a reference to a color resources defined in colors.xml (like @color/purple_200).

Using a Theme.MaterialComponents.* your Button is tinted by default by the colorPrimary defined in your theme.

You can override it using something like:

    <Button
       app:background="?attr/colorSecondary"

or

    <Button
       app:background="@color/...."

If you are using an AppCompat theme the button is tinted by default by the colorAccent defined in your theme.

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Primary brand color. -->
    <item name="colorPrimary">@color/purple_500</item>
    <!-- ... -->
    <item name="colorAccent">@color/blue</item>
</style>

Also in this case you can override it:

    <Button
       app:background="@color/...."

Upvotes: 3

Related Questions