CSS for clean and fast web apps.

Color Me Topcoat

Posted 20 Oct 2013

Deep in the pits of the Topcoat Theme lived way too many colors. It made it tricky to customize a new theme quickly. So we leveraged the color functions from Stylus to wittle the colors down to just a few base colors:

  • Text color
  • Control base color
  • Page base color
  • Notification color
  • Highlight color
  • Shadow color

This colors then effect the rest of the theme. Each of the previous colors can still be declared manually if you need that control.

Here's a screencast that steps through the theme and how to tweak it.

comments powered by Disqus