Colors Dark - Design

Aside form the main colors, we offer the same variables under the Color Dark variable collections. This pallete is usued to create Dark Mode interfaces. Generally you don't need to change all the colors, just make sure there is enough contrast between the text and the background. In the example of the Cherry website, we use exactely the same colors with different sets of grays.

As you can see, the default set of dark colors is identical to the Light Mode colors, but with different sets of grays. Nevertheless, you can change all the colors to fit your needs.

The colors can be found in the Figma Template in the 🎨 Colors page.