Customize theme settings

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.