Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Before and After: Color!
You have completed Before and After: Color!
Preview
Follow along with one solution for improving color in this practice project.
Resources:
- WCAG 2.0 contrast ratios
- WebAIM contrast checker
- The contrast.io app that Hope uses - It is now also available as a Figma plugin.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
the first thing I notice was
the brightly colored sidebar.
0:00
The fully saturated orange is drawing
attention to the sidebar, making it
0:02
difficult to focus on the messaging
area which is the key area of this app.
0:07
I wasn't initially sure
which color to change it to
0:12
since I noticed the color
palette needs improvement.
0:15
The color palette mainly
consists of this bright orange,
0:18
a pastel orange,
a bright blue and a light gray.
0:23
The bold orange and
blue are complimentary colors,
0:28
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up