Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

Design Sketch Basics Build a Mobile Interface Layer Styling

Dear Chris, How were you able to change the entire color gradient with one click? I had to do each end separately.

From the video, it looks like you are clicking one time (in say orange, when changing gradient from green), and it changes both the top and bottom of the gradient within the circle. I have to tap the top of the gradient within the circle, change its color (the bottom is still green at this point), then select the bottom of the gradient and change it also to a darker orange before the entire conversion is complete.

part 2: Is there a good way to make sure that when you go in to select the second color of the gradient, it is a darker true variation of the first color you just selected for the top of the gradient? ie rather than eyeballing it, using hex calculations, or color-picking the top gradient just selected?

1 Answer

Christopher Downer
Christopher Downer
Treehouse Guest Teacher

The process was sped up there when I was changing those values, so there isn't a way to change both the top and bottom colours together, unless you click on a preset.

And for your second question, there isn't a way currently other than doing it by eye, but here's something you could do; On the first point, select your colour and then copy its Hex code. Select the second point, and paste the hex, so it it the same colour as the first point. Then hover over the 'R G B' text (not the field) and when a little outline appears, click it. You can now adjust the Hue, Saturation, and Brightness of a colour. Select the brightness value and make it lighter or darker. - http://cl.ly/aAAI

I'll look at how we can improve this, as that is a great request, thank you!

Great, thank you. Just completed the course and it was much more entertaining than making my way through the manual, much appreciated.