Unquote: Wireframe to Wide-fame (Setting Theme Colors)

Projects Skill Path Projects
1

Hi, everyone. While working on the Unquote app for my “Build Basic Android Apps With Java Skill Path” course, I had a problem with Android Studio. In the Wireframe to Wide-fame chapter of the course, I was asked to change the color scheme of my app. Here is the exact instruction I was given by Codecademy:

  1. Open up the Resource Manager , and choose the tab labeled, Color . Double click either colorAccent , colorPrimary , or colorPrimaryDark .
  2. colors.xml is a value XML file. Within a <resources> element, this file can store strings, colors, dimensions, and so much more.
  • Change the value of colorPrimary to #EFD9CA
  • Change the value of colorPrimaryDark to #C4B2A6
  • Change the value of colorAccent to #FD4D3F
    The problem is that in my color tab I don’t see any labels like colorAccent, etc. All I see is a list of individual colors like black, purple_200, purple_500… When I open up the color.xml file I only see these individual colors and no labels like colorPrimary, etc. Here is what I see on that file:
<?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>

Do you have any idea about this difference? How can I set colors as the primary color, accent color, etc?

2

Hi Lin,

I had the same question. I used the colors you suggested above in the following order:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#C4B2A6</color>
    <color name="purple_700">#FD4D3F</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#EFD9CA</color>
</resources>

And got this result:

image
image806×1496 135 KB

Just don’t know whether the red color is correct.

Kind regards,
E.

1 Like