Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Android Build a Simple Android App (2014) Creating the Screen Layout Setting Colors

Nicholas Tan
Nicholas Tan
Courses Plus Student 8,562 Points

Unable to access Treehouse Style

Tried accessing the Treehouse Styles but not able to.

3 Answers

Harry James
Harry James
14,780 Points

I see this as well. It appears we don't have permission to view this page (https://teamtreehouse.com/styleguide). I'll tag Ben Jakuben here so that he can take a look into it. In the meantime, you can always use the color codes Ben shows on the video and enter them instead (e.g: #ff51b46d).

Ben Jakuben
Ben Jakuben
Treehouse Teacher

I created a stand-by page to use until that style guide page is ready for the public. Sorry for the confusion!

Ben Jakuben
Ben Jakuben
Treehouse Teacher

Sorry about that! Turns out it's set for internal use only right now. I'm talking with the design team about opening it up to all students. In the mean time, please follow Harry's suggestion. :)

Here, I've used the eyedropper tool in Photoshop with a screenshot from the video (http://gyazo.com/58fc5d90bc9b15cb94cc831833df1c0d) to get the hexadecimal colour values

Sadly, these don't seem to be the exact colours, but they're near enough for now :)

  • Light blue: #44b5ce
  • Dark blue: #377ca8
  • Dark pink: #ba4c72
  • Pinkish red: #d44159
  • Orange: #f2795c
  • Light purple: #828ac4
  • Dark purple: #79619c
  • Turquoise: #5dc5b3
  • Green: #58c370
  • Yellow: #d9ae23
  • Dark blue: #68788f
  • Light pink: #e886ab
  • Grey with a little blue: b8bfc7

Hopefully Ben can get the design team to change the permissions for the page but until then, just use these. Oh and if you were wondering, they are in the same order that they are displayed in on the styleguide

EDIT: Ben has put the exact codes in the teacher notes at http://teamtreehouse.com/library/build-a-simple-android-app-new/creating-the-screen-layout/setting-colors

#39add1 // light blue
#3079ab // dark blue
#c25975 // mauve
#e15258 // red
#f9845b // orange
#838cc7 // lavender
#7d669e // purple
#53bbb4 // aqua
#51b46d // green
#e0ab18 // mustard
#637a91 // dark gray
#f092b0 // pink
#b7c0c7 // light gray
Ben Jakuben
Ben Jakuben
Treehouse Teacher

I added the exact codes in the Teacher Notes as well. :)

Ahaha, okay thanks! I will update this answer