Overview
Settings for a theme are managed by theme variables, set in the theme.scss.json
file.
Before you Begin
This procedure assumes you know how to create or locate theme parts, and how to add theme parts to a theme in your customization. To review, see the topics:
Edit the value of the theme variable
Theme variables are set in the theme.scss.json
file, included as part of a theme part. You can update the theme.scss.json
file in an existing theme part, or you can create a new theme part.
Once you have identified the theme part you will create or modify, open the theme.scss.json
file in a text editor.
NOTE: Prior to GBC 1.00.53, you could also find a
theme.scss.json
file in the root folder of the customization directory. While it is still possible to put this file at the root of the customization directory, it is not recommended.
Edit the theme.scss.json file
Once you have identified the theme part you will create or modify, open the theme.scss.json
file in a text editor.
Modify an existing style value or add a new style variable and value. For more information see theme.scss.json file. Save your changes.
Rebuild using grunt.
$ grunt --customization=<customization_project_dir>
Test
Test your theme setting works as expected.
TIP: You may need to use CTRL + F5 to clear the browser cache before you see your changes.