Known Issue: Unable to Create Custom Color Theme in ShortPoint Theme Builder

Issue:

Some users cannot create a new color theme in ShortPoint Theme Builder even after several attempts.

One of the most used features of Theme Builder is the ability to create custom color themes in the Color Theme Tool. When you use this tool, the new color theme will appear as an option under the From your organization category in the SharePoint Settings>Change the Look>Theme window.

Reason:

The user may not have the appropriate SharePoint permissions to create a new color theme.

How to check if it is a permission issue

Here are a few steps you can take to check if it is, indeed, a permission issue.

Step 1: Open the page console

• Right-click to open the context menu on one of the SharePoint pages in the site collection where you want to apply a custom color theme.
• Select the Inspect option.

• Go to the [1] Console tab.
• Press the [2] clear console button to start from a blank window.

Step 2: Copy and paste the following code

• Copy the javascript code below
• Paste it on the console cursor.

function RestRequest(url,params) {
  var req = new XMLHttpRequest();
  req.onreadystatechange = function ()
  {
    if (req.readyState != 4) // Loaded
      return;
    console.log(req.responseText);
  };
  // Prepend web URL to url and remove duplicated slashes.
  var webBasedUrl = (_spPageContextInfo.webServerRelativeUrl + "//" + url).replace(/\/{2,}/,"/");
  req.open("POST",webBasedUrl,true);
  req.setRequestHeader("Content-Type", "application/json;charset=utf-8");
  req.setRequestHeader("ACCEPT", "application/json; odata.metadata=minimal");
  req.setRequestHeader("x-requestdigest", _spPageContextInfo.formDigestValue);
  req.setRequestHeader("ODATA-VERSION","4.0");
  req.send(params ? JSON.stringify(params) : void 0);
}


RestRequest("/_api/thememanager/AddTenantTheme");

var pal = {
    "palette" : {
        "themePrimary": "#1BF242",
        "themeLighterAlt": "#0d0b00",
        "themeLighter": "#0b35bc",
        "themeLight": "#322d00",
        "themeTertiary": "#6a5f00",
       "themeSecondary": "#1B22F2",
        "themeDarkAlt": "#ffe817",
        "themeDark": "#ffed4b",
        "themeDarker": "#fff171",
        "neutralLighterAlt": "#252525",
        "neutralLighter": "#282828",
        "neutralLight": "#313131",
        "neutralQuaternaryAlt": "#3f3f3f",
        "neutralQuaternary": "#484848",
        "neutralTertiaryAlt": "#4f4f4f",
        "neutralTertiary": "#c8c8c8",
        "neutralSecondaryAlt": "#d0d0d0",
        "neutralSecondary": "#dadada",
        "neutralPrimary": "#ffffff",
        "neutralDark": "#eaeaea",
        "black": "#f8f8f8",
        "white": "#1f1f1f",
        "primaryBackground": "#1f1f1f",
        "primaryText": "#ffffff",
        "error": "#ff5f5f"
    }
}
RestRequest("/_api/thememanager/AddTenantTheme", {name:"Sounders Rave Green", themeJson: JSON.stringify(pal)});

Note: This code will add a new color theme named Sounders Rave Green. If you have this color theme name in your theme options, you can replace the name indicated in the code with another name of your choice.

Step 3: Run the code

• Hit Enter to run the code.

Step 4: Check if a new theme has been added

• Go to SharePoint settings.
• Select Change the look.
• Open the Theme option.
• Under the From your organization category, look for the color theme name “Sounders Rave Green” or the one you used in the code.

If you do not see the corresponding color theme name, then it confirms that you may not have the appropriate permissions to create a color theme on the SharePoint site. Please request the proper permissions or work with your Site Administrator to complete the task.

If you do see the corresponding color theme name in the options, please feel free to submit a ticket with our support team at support.shortpoint.com. We will be happy to assist you.

Related articles:

• SharePoint Color Palette and Themes Tool
• How to Change the SharePoint Site Theme Color
• Export and Import Customizations