How to apply color themes to a template?

About this article

This article will explain what the color theme setting is and provide examples of how it can be utilized with the binding syntax in smart templates.  

• What is the color theme setting? 
• How to set the color theme setting in a smart template? 
• Color theme examples

 

Prerequisites

Library and at least one Dynamics modules enabled Templafy Desktop and Office VSTO add-in installed on the PC Tenant admin/owner access or Space owner access

 

What is the color theme setting? 

The color theme allows controlling the colors available in Office in Design > Colors. The color theme setting can be set dynamically utilizing the binding syntax. 

 

The color theme setting is only supported with files that will be stored in the Template Libraries (Documents, Presentations, and Spreadsheets Libraries). Assets (Text elements, Email elements, Slides, and Slide elements Libraries) will inherit from the setting upon insertion.

 

It should be noted that the color theme setting relies on the ColorThemes system data source.

 

 

How to set the color theme setting in a smart template? 

When building the template settings and properties, the Color Theme setting can be utilized to set the colors for the smart template. Setting the Color Theme setting can be achieved by following these steps: 

1. In the Template Designer, navigate to the Advanced tab
2. Click Add property 
3. Select Color Theme in the Type dropdown
4. Enter the required binding in Color Theme
5. Optionally, set an additional option to the setting
   
   • Disable updates: Disallow the setting from being updated after its generation when edited by the user through the document content updater. This option will not be visible if the document content updater is not enabled on the smart template. 
6. Click Add to document
   
   • The Color Theme setting will be added to the smart template 

 

Once the setting has been created, it can be edited or deleted.

 

Color Theme setting examples

 

Example 1

Using the Color Theme setting to apply the color theme based on the "BrandedTheme" dropdown question originating from the response form 

Binding	{{Form.BrandedTheme.ColorTheme}}
Input	Form.BrandedTheme= "Blue"	Form.BrandedTheme= "Green"
Output	The blue theme will be applied to the template	The green theme will be applied to the template

 

Example 2

Using the Color Theme setting to apply the color theme based on the "BrandedTheme" form field originating from the user profile 

 

Binding	{{UserProfile.Office.BrandedTheme.ColorTheme}}
Input	UserProfile.Office = "Berlin"	UserProfile.Office = "Paris"
Output	The gray theme will be applied to the template	The blue theme will be applied to the template

 

Example 3

Using the Color Theme setting together with the DataSources[] function to always apply the same color theme.

Binding	{{DataSources.ColorThemes["Blue"].ColorTheme}}
Output	The blue theme will be applied to the template

 

 

Related articles

What is a response form? What are functions, conditions, and operators? How to create a smart template with the Template Designer? Configuration of form fields in the User Profile