Skip to main content

Update CMS Palette

The update-cms-palette command synchronizes color palettes between the Design System (sourced from Figma tokens) and the Content Management System (CMS). This ensures editors can use the same colors in the CMS as defined in the design system, creating a consistent user experience.

note

This command currently only supports the Storyblok CMS plugin.

Prerequisites​

Before running the command, ensure you have the necessary Storyblok environment variables configured in your .env file:

  • STORYBLOK_OAUTH_TOKEN: Your Storyblok OAuth token. You can generate this token in your Storyblok account settings: https://app.storyblok.com/#/me/account?tab=token
  • STORYBLOK_ACCESS_TOKEN: Your Storyblok access token. This is found in your project space settings under "Access Tokens."
  • NEXT_PUBLIC_STORYBLOK_SPACE_ID: Your Storyblok space ID. This is found in your project space settings under "Space."
  • NEXT_PUBLIC_STORYBLOK_REGION: Your Storyblok region. This is also found in your project space settings under "Space."

Usage​

Once the environment variables are set, run the following command in your terminal:

pnpm gesso update-cms-palette