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! While you're at it, check out some resources Treehouse students have shared here.

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

Design Sketch Basics Build a Mobile Interface Layer Styling

Posted by Faye Hays
Faye Hays
255 Points

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
STAFF
Christopher Downer
Treehouse Guest Teacher
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!

Faye Hays
Faye Hays
255 Points

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