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

Gradient Styling in "Layer Styling" episode

In the "Layer Styling" episode, Christopher demonstrated copy and change layer styles on the timeline dots.

He copied over the layer style from the green gradient and applied to the rest of the dots. I noticed that when he changed the hue on the first anchor to red, the second anchor changed automatically to a darker shade of red. Same thing happened while he changed the purple and blue dots.

While I performed the same operation in sketch, I changed the first anchor to red, but the second anchor remained in green (not darker red as shown in video),

Just curious how the automatic colour matching was done.

Thank you.

1 Answer

Christopher Downer
STAFF
Christopher Downer
Treehouse Guest Teacher

Hi Grace,

Unfortunately this is not a feature in Sketch (yet!) but I think it was down to some creative editing in the video to shorten the sequences. Hope that solves the mystery?

It's a real shame the hex codes weren't given for the gradients - you went to such trouble to help us position every element at the exact right place (thankfully) but I had to do some crazy pause-hunting to get the hex codes for the colours.