Skip to main content

Change secondary button style

In Tetrisly Design System you can change any variants for your design preferences. That means each aspect was designed in Color Tokens. Components are super-flexy for customization. In this tutorial, we will focus on changing the appearance of the Secondary Button.


Before changing any components please read this page about Colors

To change the Secondary Button style:

  1. Go to the Button page and find the Secondary appearance.
  2. Select all Secondary variants, but just for Normal State. The rest states are change separately.
  3. Define a new style by changing the fill or border. You can also add or delate shadows. We prepare Color Tokens for Suble appearance so you can use it: Action / Primary / Subtle Normal. The last word indicates the state, so in this case it will be the Normal state.
  4. Change rest states.