Overview
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.
Available Themes
Creating a Custom Theme
- Open your starter project and create a new
.scss
file onsrc/themes
(e.g.my-theme.scss
). - Add the tokens you want to overwrite inside the
.theme
class.
If you want, you can work oncustom-theme.scss
file that's ready to use. We are using CSS cascade layers feature to better deal with styling specificities issues, so keeping the@layer theme
in the file is recommended.
- Go to
faststore.config.js
and change thetheme
fromcustom-theme
to your file's name, for example: