Create SharePoint Modern Team Site Using Site Scripts And Site Designs

I have named my theme dark red. After adding this theme to the site, we can select it through the change option of a modern team site.

After choosing the new theme, you can immediately see the change of the look and feel. Select apply to utilize the new theme.

But our intention is not to change it manually; instead, utilize the existing theme and apply it to our new modern team site.

Create Site Script

Site script is also a modern JSON file which helps in creating the site design. It will be in the below format.

Some of the basic things which we can perform through site scripts are

• Applying the theme to the site
• Creating a list
• Add/Delete SP Field
• Add SP Field using XML
• Add SP Lookup field using XML
• Add/Remove SP View
• Add/Remove Content type
• Set SP Field Custom Formatter
• Associate Field Customizer Extensions
• Associate List View Command set Extensions
• Add/Remove Navigations
• Set site logo
• Join a hub site
• Install an add-in or solution
• Register an Extension
• Configure Regional settings
• Trigger a Microsoft Flow
• Add users to SP Group
• Manage guest access

The above things are mentioned in the Microsoft JSON Schema documentation. Below is the sample site script JSON which applies the theme. I will be writing a few more blogs to explain how to perform the remaining operations using site scripts.

To add a site script to Office 365 tenant, we need to execute the below PowerShell script after connecting to the tenant admin site using SPOService.

The above command would return site script ID (GUID), and store it somewhere in the site design script.

The site design will be acting as the site template, which will define the structure for a customized team site. To add the site design to the Office365 we need to execute the below PowerShell script. Here we can mention multiple site scripts, which should be executed one by one. Right now, we have only one site script. I am including the site script ID after running it in the PowerShell ISE.

After execution, we will get a response similar to below.

As soon as we run the above script, the site design will be available as a template in the team site.

While creating the team site, choose the custom site design template to see the magic. It will show the script which is executing on the screen.

The updated site will look like below.

I hope you learned how to apply a theme using site designs. This helps the organization to maintain the same color theme when creating each and every team site. Feel free to fill in the comment box below.

Happy SharePointing!!!