How to customise SharePoint Color Theme | SharePoint colour Tool !

How to customise SharePoint Color Theme | SharePoint Tutorial | Change SharePoint colour scheme

In this video I will show you exactly how to add color to sharepoint site via a customise SharePoint theme.

This SharePoint tutorial will guide you through creating your own SharePoint colour palette.

This video assumes that you have at least the SharePoint admin role in order to access the SharePoint admin centre.

You firstly will need to make sure you have SharePoitn Online Management Shell install in order to run PowerShell scripts.
To install SPO PowerShell go to: https://www.microsoft.com/en-us/download/details.aspx?id=35588

Secondly you will need to create your color theme file by going to this website: https://developer.microsoft.com/en-us/fluentui?fabricVer=5&fbclid=IwAR2NoyUI-U9FNSBtXY9exZN0y-MFrn4_w_biGQwBKvTtZzlpokpEuiAilsQ?fabricVer=5&fbclid=IwAR2NoyUI-U9FNSBtXY9exZN0y-MFrn4_w_biGQwBKvTtZzlpokpEuiAilsQ#/styles/themegenerator

After that you will need to be able to run the following PowerShell script (Ensure you update the relevant sections below that contain the word Update):

Connect-SPOService -Url https://UPDATE-admin.sharepoint.com/ -Credential $userCredential

#SP theme generated using:
#https://developer.microsoft.com/en-us/fabric#/styles/themegenerator
$ThemePalette = @{
"themePrimary" = "#004953";
"themeLighterAlt" = "#cee7ea";
"themeLighter" = "#a6d2d8";
"themeLight" = "#82bdc5";
"themeTertiary" = "#62a9b2";
"themeSecondary" = "#46959f";
"themeDarkAlt" = "#2e828d";
"themeDark" = "#1b6f7a";
"themeDarker" = "#0b5c67";
"neutralLighterAlt" = "#f8f8f8";
"neutralLighter" = "#f4f4f4";
"neutralLight" = "#eaeaea";
"neutralQuaternaryAlt" = "#dadada";
"neutralQuaternary" = "#d0d0d0";
"neutralTertiaryAlt" = "#c8c8c8";
"neutralTertiary" = "#c2c2c2";
"neutralSecondary" = "#858585";
"neutralPrimaryAlt" = "#4b4b4b";
"neutralPrimary" = "#333333";
"neutralDark" = "#272727";
"black" = "#1d1d1d";
"white" = "#ffffff";
"primaryBackground" = "#ffffff";
"primaryText" = "#333333";
"bodyBackground" = "#ffffff";
"bodyText" = "#333333";
"disabledBackground" = "#f4f4f4";
"disabledText" = "#c8c8c8";
}
Add-SPOTheme -Identity "UPDATE Theme" -Palette $ThemePalette -IsInverted $false -Overwrite

Тэги:

#Change_sharepoint_color #Change_sharepoint_theme #how_to_create_color_coded_calendar_in_sharepoint_2013 #intranet #microsoft #modern_sharepoint_colour #modern_sharepoint_theme #personal_branding #sharepoint #sharepoint_branding #sharepoint_calendar #sharepoint_calendar_overlay #sharepoint_color_change #sharepoint_colour_change #sharepoint_colour_palette #sharepoint_colour_tool #sharepoint_custom_theme #sharepoint_online #sharepoint_theme #sharepoint_theme_generator

Скачать видео