FastStore Theming & Design Tokens

When this skill applies

Use this skill when:

• You need to change the visual appearance of a FastStore storefront — colors, typography, spacing, borders, or component-specific styles.
• You are working with files in src/themes/ or creating custom-theme.scss.
• You need to customize individual component styles using local tokens and [data-fs-*] data attributes.
• You are setting up a brand identity on top of the Brandless default theme.

Do not use this skill for:

• Changes that require replacing a component, injecting logic, or modifying behavior — use the faststore-overrides skill.
• Client-side state management — use the faststore-state-management skill.
• Data fetching or API extensions — use the faststore-data-fetching skill.

Decision rules