How can we help you today?

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.


for your organization category


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.


context menu options - inspect


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


open console


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:


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 27 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more