Sass functions like lighten(), darken(), complement(), invert() are pretty useful. I was wondering if there was something for styled-components. Well, I found the great library Polished.js.

Use Media Queries Smarter In Styled Components

Using CSS variables in Styled Components with React is supereasy. With this example you can start using them 💪