How To Change The Look Of SharePoint Using CSOM

This blog will help you learn how to change the look and feel of SharePoint programmatically using CSOM.

In SharePoint, we can manually change the look and feel of a site collection. Let's see how.

 

Navigate to Site Settings -> Look and Feel -> Change the look.

Select the template that you want to keep.

 

To change the SharePoint look programmatically, first, we have to get the Theme URL, Image URL, and the Font Scheme URL of templates. We can get all the details from the Composed Looks list which can be seen by going to the Site URL and adding the following part into it - 

 

/_catalogs/design/AllItems.aspx

 

The following image shows a Composed Looks list which contains different templates with different Theme URLs, Image URLs, and Font Scheme URLs.

 

 

We are using some of the URLs from here. Now, our code looks like the following.

using System;
using System.Net;
using Microsoft.SharePoint.Client;
namespace ApplyTheme {
    class Program {
        static void Main(string[] args) {
            ClientContext ctx = new ClientContext("http://portal/sites/site1");
            Web web = ctx.Web;
            NetworkCredential cred = new NetworkCredential("[email protected]", "password");
            ctx.Credentials = cred;
            ctx.Load(web);
            ctx.ExecuteQuery();
            var themeUrl = web.ServerRelativeUrl + "/_catalogs/theme/15/palette008.spcolor";
            var fontSchemeUrl = web.ServerRelativeUrl + "/_catalogs/theme/15/fontscheme003.spfont";
            var imageUrl = web.ServerRelativeUrl + "/_layouts/15/images/image_bg008.jpg";
            web.ApplyTheme(themeUrl, fontSchemeUrl, imageUrl, true);
            web.Update();
            ctx.ExecuteQuery();
        }
    }
}

 

 

Result

 

I have changed the theme of my SharePoint site to Sketch Template type. After the code has executed successfully, you can see that the Site Collection has a new look.