By default, every FastStore project comes with the Brandless theme. However, you have the option to use one of the available themes or create a custom theme.
You have the flexibility and freedom to style the theme by overriding it using global or local tokens, or by starting from scratch using your preferred styling tool.
Creating a Custom Theme
- Open your starter project and create a new
- Add the tokens you want to overwrite inside the
If you want, you can work on
custom-theme.scssfile that's ready to use. We are using CSS cascade layers feature to better deal with styling specificities issues, so keeping the
@layer themein the file is recommended.
- Go to
faststore.config.jsand change the
custom-themeto your file's name, for example: