Colors

Gain more insight into how you can create your own color palette.


Use the colors key in the tokens section of your blocks.config.ts configuration file. Remember, we do not provide a default color configuration, giving you complete freedom to define your own.

ts
const [lightThemeTokens] = createTokens({
  theme: {
    tokens: {
      colors: {
        // Configure your color palette here
      },
    },
  },
});