I have looked at the Fluent UI stuff but there are far too many differences in parameters to easily convert to the old paletteXXX.spcolor file format and building one manually from scratch seems a bit daunting.
A color palette is the combination of colors that are used in a SharePoint site. The color palette for a SharePoint site is defined in a color palette file. Color slots are also used by the master page preview file to generate thumbnail and preview images of a site. The following describes the structure of the color palette file and the master page preview file:
Color palette files are used in the Change the look wizard, which enables users to change the look and feel of their site by using the SharePoint themes user interface. By default, 32 color palette files are installed with SharePoint. You can also create additional color palette files. The following example shows the format of a color palette file.
InvertedSetting is a Boolean value. true if the color palette is generally light text on a dark background. false if the color palette is generally dark text on a light background.
The color palette files are located in the Theme Gallery of the root site, in the site collection in the 15 folder (http:// SiteCollectionName/_catalogs/theme/15/). To access the Theme Gallery from the SharePoint user interface, on the Site Settings page, under Web Designer Galleries, select Themes, and then select 15.
Master page preview files are used to generate thumbnail images and preview images when you use the Change the look wizard. A master page must have a corresponding preview file to be used in the Change the look wizard. A preview file is a specially formatted file that has sections for the default color palette, default font scheme, tokenized CSS, and tokenized HTML. It uses string tokens to get the value of color slots, font names, and localized UI strings. The following example shows color slots being used in the master page preview file.
Once you get the mapping done, is a matter of selecting the appropriate Color palette remember only the SPColor files are supported and you get full access to changing every single color defined in the palette (Color Slots are in the left side window, and).
You can use the eyedropper tool anywhere that you can access the More Colors menu option, such as in shape fills, shape outlines, shadow settings, line options, chart fills, and so on. The menu option name may vary (for example, you might see More Fill Colors) depending on the type of object you're working with. For most slide objects, you can simply double-click it to open the Format pane, where you can find all the color options for that object.
With the SharePoint Color Palette Tool you can change the color of a SharePoint site easily. Just pick one main color and the tool will generate corresponding colors for the palette. You can do this as following:
To achieve the steps described in this article you will need to install the SharePoint Color Pallet Tool, SharePoint PnP PowerShelland SharePoint Online Management Shell. SharePoint Color Pallet Tool provides the color palette functionality to use with SharePoint designs. SharePoint PnP PowerShell and SharePoint Online Management Shell provide a set of commands that allows you to perform complex operations towards SharePoint simplifying the process using PowerShell.
By default, there are 8 themes available but you as an Administrator can create and deploy yours. To create the color themes Microsoft provides the Theme Generator, an online tool that generates the color palette to be deployed in the tenant.
In the tool you will be able to introduce the primary theme color, body text color and body background color. The Fabric palette is generated in three formats, JSON, SASS and PowerShell, as an Admin you will need to use the PowerShell version.
I also noticed that the system pages use the same color theme as well but in a different way. This can make it hard to come up with an excellent looking multicolored theme if the system pages are also required to look good and branded. On the other hand, if you find a good color combination for the system pages, you could use the color theme also on classic sites; though you need to apply the palette on them programmatically, e.g., via site templates.
SharePoint 2013 comes with 32 color palettes. If you are incorporating the branding of an organization you will likely need to customize the colors to match. Color palettes are simple XML files; however, they contain over 90 configured values. Identifying the appropriate values to update manually can be tedious. To simplify the process of creating new color palettes, Microsoft has made available the SharePoint Color Palette Tool for download. This tool can be downloaded from -us/download/details.aspx?id=38182.
The SharePoint color palettes are simply stored as files in a folder in a document library found at /_catalogs/theme/15. In this recipe, we uploaded our custom color palette to this document library and made it available for use when applying composed looks. The following screenshot shows our custom color palette in the folder named 15 which is inside the Theme Gallery library:
The good news is that the interface is way slicker than before. New page level options are available and colors can be added via single or multiple selection, a color wheel or by using a gradient. Also, there are updates for page, filter pane, shapes, and images. No buttons?!?? Also, an integrated icon library which is cool. Most visuals are supported. The JSON file actually includes line breaks! Also, the one stand-out feature of this tool is the integration of the color palette choices into choosing colors elsewhere in the theme.
OK, by happy circumstance and the graciousness of on Brian Julius and @Anonymous, I recently gained access to EnterpriseDNA's platform. Wow! I literally had no idea just how cool this platform is. Now, there is a cost for membership, about $40/month but holy smokes, there are so many learning videos and nifty little tools, it is worth taking a look at if you are serious about building up the skills of your data analytics team. Anyway, specific to themes, they have three different really cool options for building color palettes.
The fan app is a ton of fun to mess around with but the Image to Colours app is the stand-out. It does just what it says. Upload an image and it automatically creates a palette of colors that you can save into a theme file. It is super cool and probably the best way I can think of to go about quickly creating a color palette. For example, I was able to upload various customer logos and presto! instant matching color theme!
Now, a few small complaints. First, it would be nice if the color palette tools were more integrated like that of PowerBI.tips and, again, non-formatted JSON file export. But, if you are serious about easily creating your own custom theme file and playing with all of the different settings available, this is the only tool that I have seen that does it. For example, the PowerBI.tips theme generator has 1 setting for Visual Headers while the EnterpriseDNA Themes Generator has 19 settings for Visual Headers.
OK, so this tool has become even more impressive. It has definitely become more comprehensive and seems on par with Enterprise DNA and the new PowerBI.tips in terms of including all of the different theme file settings. What's even better is that it seems to be receiving regular updates. The home page for the tool tracks and informs you of the updates which seems to be a lost art among software developers, having a single, central place to tell you what's new and changed in a software product over time. There have been 3 or 4 updates in 2023 alone! It's still the only tool that appears to be multi-lingual (English and German). Unlike PowerBI.tips, it supports icons but you don't get a library of icons, you have to upload your own icons. Also, the color choosing is pretty rudimentary in comparison to but very functional. But the best part, the very best part? THEY FIXED THE LINE BREAKS IN THE DOWNLOADED JSON FILE!!! Yaaaaayyyyyyyyyy!!!! Oh, and it's still 100% free to use, no subscription, no sign-up, nothing. Just use it. That's my kind of free.
First, there are some really impressive features and concepts in this tool. One, there is an integrated create colors from an uploaded image. So cool and what I wish Enterprise DNA had done since they have both of those pieces, just not integrated. It's as cool as I imagined. They also have some standard methods of picking colors such as a color picker and hex code as well as a trending palettes feature which is cool. They also have a nice tutorial showing how to use the tool.
Perhaps the most striking aspect of this tool however is its focus on simplicity. Instead of being just like all the other theme generators out there that allow you to plow through and tweak every single last setting, the interface let's you set the colors and then generate the theme file. The generated theme file has hundreds of different settings in it that you can them edit on your own. It may not be for everyone but I think it is a unique and interesting take on the subject. Especially because the other theme generators only seem to include settings for things that you have manually set in the interface. So this is kind of nice that instead of having to choose a few hundred settings to get them into my theme file, they just give me defaults for a bunch of them without the hassle. Super interesting approach. And...the downloaded theme file has what? You guessed it, line breaks!! Hooray!
OK, complaints. First, mispelling colors multiple times. Second, the sneaky way they get you to enter your email address and agree to their terms and conditions. Not the end of the world on either account. I can't even ding them for not having an upload feature, it would totally go against the concept of the tool. Now, it's hard to determine just how "comprehensive" the downloaded JSON file is in terms of settings but, again, it's sort of a moot point based on the design choices of the tool.
dafc88bca6