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
Highlighted
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 ??