How to get the name of current theme in sharepoint online using JSOM

Question

Using JavaScript in SharePoint Online how can I get the current site's theme name?

I'm writing a script that needs to make some decisions based on whether the site is set to the default "Office" theme or not.

I've found examples online of how to do something similar using server-side code and plenty on how to set the theme but there seems to be a lack of information on how to read the theme data through JavaScript.

Answer 1

You can get ThemeInfo of current site using JavaScript or REST API.

REST API

Make a GET request to /_api/Web/ThemeInfo. Test/Explore REST API using SharePoint REST Client.

JavaScript

var context = new SP.ClientContext.get_current();
var web = context.get_web();
var themeInfo = web.get_themeInfo();
context.load(themeInfo);
context.executeQueryAsync(onSuccess, onError);

function onSuccess() {
    console.log(themeInfo.get_accessibleDescription());
    console.log(themeInfo.get_themeBackgroundImageUri());
}

function onError(sender, args) {
    console.log(args.get_message());
}

Find methods and properties of ThemeInfo here.