Home

SharePoint Online - Configure the Theme for the modern look pages

%3CLINGO-SUB%20id%3D%22lingo-sub-212096%22%20slang%3D%22en-US%22%3ESharePoint%20Online%20-%20Configure%20the%20Theme%20for%20the%20modern%20look%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-212096%22%20slang%3D%22en-US%22%3E%3CDIV%3EThe%20Theme%20and%20color%20management%20is%20now%20different%20for%20SharePoint%20Online%2C%20due%20to%20the%20implementation%20of%20the%20Office%20365%20Groups%20and%20all%20the%20connected%20services%20(Teams%2C%20Planner%2C%20Stream%2C%20...).%3C%2FDIV%3E%0A%3CDIV%3EThe%20solution%20to%20change%20the%20color%20set%20is%20now%20directly%20at%20the%20tenant%20level%20using%20the%20following%20PowerShell%20Script%3A%3C%2FDIV%3E%0A%3CDIV%3E%0A%3CPRE%3E%20%20%20%20%5Bstring%5D%24themePalette%3CSPAN%3ECustom%3C%2FSPAN%3EName%20%3D%20%22Your%20Customized%20Theme%22%0A%20%20%20%20%24themepaletteCustom%20%3D%20%40%7B%0A%20%20%22themePrimary%22%20%3D%20%22%23102542%22%3B%20%23Navy%0A%20%20%22themeLighterAlt%22%20%3D%20%22%23d6e3f5%22%3B%0A%20%20%22themeLighter%22%20%3D%20%22%23fef1ef%22%3B%20%23Coral%2C%20themeLighter%0A%20%20%22themeLight%22%20%3D%20%22%23fde2df%22%3B%20%23Coral%2C%20themeLight%0A%20%20%22themeTertiary%22%20%3D%20%22%236495da%22%3B%0A%20%20%22themeSecondary%22%20%3D%20%22%233e7bd1%22%3B%0A%20%20%22themeDarkAlt%22%20%3D%20%22%23F87060%22%3B%20%23Coral%0A%20%20%22themeDark%22%20%3D%20%22%23F87060%22%3B%20%23Coral%0A%20%20%22themeDarker%22%20%3D%20%22%23193a68%22%3B%0A%20%20%22neutralLighterAlt%22%20%3D%20%22%23f8f8f8%22%3B%0A%20%20%22neutralLighter%22%20%3D%20%22%23f4f4f4%22%3B%0A%20%20%22neutralLight%22%20%3D%20%22%23eaeaea%22%3B%0A%20%20%22neutralQuaternaryAlt%22%20%3D%20%22%23dadada%22%3B%0A%20%20%22neutralQuaternary%22%20%3D%20%22%23d0d0d0%22%3B%0A%20%20%22neutralTertiaryAlt%22%20%3D%20%22%23c8c8c8%22%3B%0A%20%20%22neutralTertiary%22%20%3D%20%22%23e2e2e2%22%3B%0A%20%20%22neutralSecondary%22%20%3D%20%22%2353C7BD%22%3B%20%23Turquoise%0A%20%20%22neutralPrimaryAlt%22%20%3D%20%22%23656565%22%3B%0A%20%20%22neutralPrimary%22%20%3D%20%22%236f6f6f%22%3B%0A%20%20%22neutralDark%22%20%3D%20%22%234f4f4f%22%3B%0A%20%20%22black%22%20%3D%20%22%233e3e3e%22%3B%0A%20%20%22white%22%20%3D%20%22%23ffffff%22%3B%0A%20%20%22primaryBackground%22%20%3D%20%22%23ffffff%22%3B%0A%20%20%22primaryText%22%20%3D%20%22%236f6f6f%22%3B%0A%20%20%22bodyBackground%22%20%3D%20%22%23ffffff%22%3B%0A%20%20%22bodyText%22%20%3D%20%22%236f6f6f%22%3B%0A%20%20%22disabledBackground%22%20%3D%20%22%23f4f4f4%22%3B%0A%20%20%22disabledText%22%20%3D%20%22%23c8c8c8%22%3B%0A%20%20%22accent%22%20%3D%20%22%23F87060%22%3B%20%23Coral%0A%20%20%20%20%7D%0A%0A%20%5Bstring%5D%24username%20%3D%20%22Admin%40tenant.onmicrosoft.com%22%0A%20%5Bstring%5D%24PwdTXTPath%20%3D%20%22D%3A%5CSECUREDPWD%5CExportedPWD-%24(%24username).txt%22%0A%20%20%20%20%24secureStringPwd%20%3D%20ConvertTo-SecureString%20-string%20(Get-Content%20%24PwdTXTPath)%0A%20%20%20%20%24adminCreds%20%3D%20New-Object%20System.Management.Automation.PSCredential%20%24username%2C%20%24secureStringPwd%0A%0A%20%20%20%20Connect-SPOService%20-Url%20https%3A%2F%2FTenant-admin.sharepoint.com%20-credential%20%24adminCreds%20-ErrorAction%20SilentlyContinue%20-ErrorVariable%20Err%0A%0A%20%20%20%20%23%20TO%20CHANGE%20THE%20USAGE%20OF%20THE%20DEFAULT%20COLORSET%20CHOICE%0A%20%20%20%20%20%20%20%20Write-Host%20%22%20%20%20%3D%26gt%3BStatus%20for%20the%20Default%20Theme%20Availability%20in%20modern%20site%22%0A%20%20%20%20%20%20%20%20Get-SPOHideDefaultThemes%0A%0A%20%20%20%20Write-Host%20%22%20%20%20%3D%26gt%3B%20Hide%20the%20default%20Theme%20in%20the%20modern%20site%22%0A%20%20%20%20Set-SPOHideDefaultThemes%20%24false%20%23Or%20%24True%20if%20you%20want%20to%20hide%20all%0A%20%20%20%20Write-Host%20%22%20%20%20%3D%26gt%3BStatus%20for%20the%20Default%20Theme%20Availability%20in%20modern%20site%22%0A%20%20%20%20Get-SPOHideDefaultThemes%0A%0A%23%20TO%20GET%20ALL%20THE%20PERSONAL%20COLORSET%20ADD%20AT%20THE%20TENANT%20LEVEL%0A%0A%20%20%20%20%24AllThemes%20%3D%20Get-SPOTheme%0A%20%20%20%20Write-Host%20%22%20%20%20%20%20%26gt%3B%26gt%3B%20Customited%20Theme%20Installed%3A%22%2C%20%24AllThemes.count%0A%20%20%20%20Write-Host%20%22--------------------------------------------------------------------------------------------%22%0A%20%20%20%20Add-SPOTheme%20-Name%20%24themePalette%3CSPAN%3ECustom%3C%2FSPAN%3EName%20-Palette%20%24%3CSPAN%3Ethemepalette%3C%2FSPAN%3E%3CSPAN%3ECustom%3C%2FSPAN%3E%20-IsInverted%20%24false%20-Overwrite%0A%0A%23TO%20REMOVE%20THE%20CUSTOMIZED%20THEME%20YOU%20DON'T%20WANT%20ANYMORE%0A%0A%20%20%20%20%23Remove-SPOTheme%20-Name%20%24%3CSPAN%3EthemePalette%3C%2FSPAN%3E%3CSPAN%3ECustom%3C%2FSPAN%3E%3CSPAN%3EName%20%3C%2FSPAN%3E%0A%0A%20%20%20%20%24AllThemes%20%3D%20Get-SPOTheme%0A%3C%2FPRE%3E%0A%3C%2FDIV%3E%0A%3CDIV%3EThe%20result%20is%20visible%20into%20the%20modern%20pages%20clicking%20on%20the%20wheel%20button%20and%20select%20%22Change%20the%20look%22%3A%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20207px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F37089i010DD0B0B566962D%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22ChangeTheLookModernPage-01.JPG%22%20title%3D%22ChangeTheLookModernPage-01.JPG%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EChange%20the%20look%20menu%3C%2FSPAN%3E%3C%2FSPAN%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%3E%0A%3CP%3E%3CBR%20%2F%3ETo%20find%20more%20documentation%2C%20you%20can%20go%20to%20the%20official%20MS%20documentation%20pages%20or%20the%20following%20links%3A%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fsite-theming%2Fsharepoint-site-theming-overview%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fsite-theming%2Fsharepoint-site-theming-overview%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fpowershell%2Fmodule%2Fsharepoint-online%2F%3Fview%3Dsharepoint-ps%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fpowershell%2Fmodule%2Fsharepoint-online%2F%3Fview%3Dsharepoint-ps%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-docs%2Fblob%2Fmaster%2Fdocs%2Fdeclarative-customization%2Fsite-theming%2Fsharepoint-site-theming-json-schema.md%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-docs%2Fblob%2Fmaster%2Fdocs%2Fdeclarative-customization%2Fsite-theming%2Fsharepoint-site-theming-json-schema.md%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Fitgroove.net%2Falign%2Fchange-color-spo-modern-experience%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fitgroove.net%2Falign%2Fchange-color-spo-modern-experience%2F%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Flaurakokkarinen.com%2Fhow-to-create-a-multicolored-theme-for-a-modern-sharepoint-online-site%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Flaurakokkarinen.com%2Fhow-to-create-a-multicolored-theme-for-a-modern-sharepoint-online-site%2F%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Fwww.dotnetmafia.com%2Fblogs%2Fdotnettipoftheday%2Farchive%2F2017%2F10%2F17%2Fhow-to-use-powershell-to-customize-the-theme-of-a-sharepoint-modern-site.aspx%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fwww.dotnetmafia.com%2Fblogs%2Fdotnettipoftheday%2Farchive%2F2017%2F10%2F17%2Fhow-to-use-powershell-to-customize-the-theme-of-a-sharepoint-modern-site.aspx%3C%2FA%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%3EFabrice%20Romelard%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-212096%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EAdmin%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EPowerShell%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ETheme%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-364343%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Online%20-%20Configure%20the%20Theme%20for%20the%20modern%20look%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-364343%22%20slang%3D%22en-US%22%3E%3CP%3EMerci%20pour%20votre%20r%C3%A9ponse%20rapide%2C%20mais%20elle%20ne%20m'a%20pas%20%C3%A9t%C3%A9%20utile.%3C%2FP%3E%3CP%3EJe%20veux%20pouvoir%20ins%C3%A9rer%20des%20couleurs%20en%20remplissage%20de%20cellules%2C%20ou%20changer%20la%20couleur%20de%20police%20de%20certaines%20cellules%20et%20ce%20n'est%20pas%20possible%20!!!%20Je%20travaille%20sur%20Excel%20depuis%20de%20nombreuses%20ann%C3%A9es%2C%20je%20n'ai%20jamais%20%C3%A9t%C3%A9%20confront%C3%A9%20%C3%A0%20ce%20bug.%20Comment%20faire%20pour%20pr%C3%A9senter%20mes%20tableaux%20avec%20des%20couleurs%20en%20colonnes%2C%20en%20lignes%20et%20avec%20des%20couleurs%20de%20police%20diff%C3%A9rentes%20suivant%20la%20nature%20des%20sommes%20%3F%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-212098%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Online%20-%20Configure%20the%20Theme%20for%20the%20modern%20look%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-212098%22%20slang%3D%22en-US%22%3E%3CP%3EFrench%20version%20available%20here%3A%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3E%3CA%20href%3D%22http%3A%2F%2Fblogs.developpeur.org%2Ffabrice69%2Farchive%2F2018%2F07%2F04%2Foffice-365-modifier-les-jeux-de-couleur-dans-les-th-mes-des-pages-modernes-de-sharepoint-online.aspx%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fblogs.developpeur.org%2Ffabrice69%2Farchive%2F2018%2F07%2F04%2Foffice-365-modifier-les-jeux-de-couleur-dans-les-th-mes-des-pages-modernes-de-sharepoint-online.aspx%3C%2FA%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3EFab%3C%2FP%3E%3C%2FLINGO-BODY%3E
Frequent Contributor
The Theme and color management is now different for SharePoint Online, due to the implementation of the Office 365 Groups and​ all the connected services (Teams, Planner, Stream, ...).
The solution to change the color set is now directly at the tenant level using the following PowerShell Script:
    [string]$themePaletteCustomName = "Your Customized Theme"
    $themepaletteCustom = @{
		"themePrimary" = "#102542"; #Navy
		"themeLighterAlt" = "#d6e3f5";
		"themeLighter" = "#fef1ef"; #Coral, themeLighter
		"themeLight" = "#fde2df"; #Coral, themeLight
		"themeTertiary" = "#6495da";
		"themeSecondary" = "#3e7bd1";
		"themeDarkAlt" = "#F87060"; #Coral
		"themeDark" = "#F87060"; #Coral
		"themeDarker" = "#193a68";
		"neutralLighterAlt" = "#f8f8f8";
		"neutralLighter" = "#f4f4f4";
		"neutralLight" = "#eaeaea";
		"neutralQuaternaryAlt" = "#dadada";
		"neutralQuaternary" = "#d0d0d0";
		"neutralTertiaryAlt" = "#c8c8c8";
		"neutralTertiary" = "#e2e2e2";
		"neutralSecondary" = "#53C7BD"; #Turquoise
		"neutralPrimaryAlt" = "#656565";
		"neutralPrimary" = "#6f6f6f";
		"neutralDark" = "#4f4f4f";
		"black" = "#3e3e3e";
		"white" = "#ffffff";
		"primaryBackground" = "#ffffff";
		"primaryText" = "#6f6f6f";
		"bodyBackground" = "#ffffff";
		"bodyText" = "#6f6f6f";
		"disabledBackground" = "#f4f4f4";
		"disabledText" = "#c8c8c8";
		"accent" = "#F87060"; #Coral
    }

	[string]$username = "Admin@tenant.onmicrosoft.com"
	[string]$PwdTXTPath = "D:\SECUREDPWD\ExportedPWD-$($username).txt"
    $secureStringPwd = ConvertTo-SecureString -string (Get-Content $PwdTXTPath)
    $adminCreds = New-Object System.Management.Automation.PSCredential $username, $secureStringPwd

    Connect-SPOService -Url https://Tenant-admin.sharepoint.com -credential $adminCreds -ErrorAction SilentlyContinue -ErrorVariable Err

    # TO CHANGE THE USAGE OF THE DEFAULT COLORSET CHOICE
        Write-Host "   =>Status for the Default Theme Availability in modern site"
        Get-SPOHideDefaultThemes

    Write-Host "   => Hide the default Theme in the modern site"
    Set-SPOHideDefaultThemes $false #Or $True if you want to hide all
    Write-Host "   =>Status for the Default Theme Availability in modern site"
    Get-SPOHideDefaultThemes

# TO GET ALL THE PERSONAL COLORSET ADD AT THE TENANT LEVEL

    $AllThemes = Get-SPOTheme
    Write-Host "     >> Customited Theme Installed:", $AllThemes.count
    Write-Host "--------------------------------------------------------------------------------------------"
    Add-SPOTheme -Name $themePaletteCustomName -Palette $themepaletteCustom -IsInverted $false -Overwrite

#TO REMOVE THE CUSTOMIZED THEME YOU DON'T WANT ANYMORE

    #Remove-SPOTheme -Name $themePaletteCustomName 

    $AllThemes = Get-SPOTheme
The result is visible into the modern pages clicking on the wheel button and select "Change the look":Change the look menuChange the look menu

 

 

 
2 Replies
Highlighted

Merci pour votre réponse rapide, mais elle ne m'a pas été utile.

Je veux pouvoir insérer des couleurs en remplissage de cellules, ou changer la couleur de police de certaines cellules et ce n'est pas possible !!! Je travaille sur Excel depuis de nombreuses années, je n'ai jamais été confronté à ce bug. Comment faire pour présenter mes tableaux avec des couleurs en colonnes, en lignes et avec des couleurs de police différentes suivant la nature des sommes ??

 

Related Conversations
MS Project - Impression GANTT + Ressources
Emmanuel57570 in Project on
1 Replies
Working with excel in Sharepoint desktop app
IanH1 in SharePoint on
2 Replies
Can't open different sections in OneNote Online
Simon_L in OneNote on
0 Replies
Can you Please turn THIS into THIS?
HotCakeX in Discussions on
18 Replies
New Feature in Edge Canary: new dark design for Tab strip
HotCakeX in Discussions on
50 Replies