SharePoint online: Section background color

Bob MD 61 Reputation points
2021-07-09T15:13:08.777+00:00

Hi

Is there a way to set section background color with PowerShell?

Thanks

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
6,520 questions

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Allen Xu_MSFT 13,546 Reputation points
    2021-07-12T02:31:16.23+00:00

    Hi @Bob MD ,

    The section background color you can set is based upon the theme you applied. You have to add a new theme to SharePoint if you want to set customized section background color. The color used for the four background colors across SharePoint are from left to right:

    • white
    • neutralLighter
    • themeLighterAl
    • themePrimary

    113638-image.png

    You can use Fluent UI Theme Designer to generate your new theme. Reference: How to configure and apply a custom theme in SharePoint Online.

    Here is a sample PowerShell to add a new customized theme to SharePoint Online. Section background colors are decided on the color code of parameter white, neutralLighter, themeLighterAl and themePrimary. 

    #SharePoint admin site url  
$adminSiteUrl = "https://myTenant-admin.sharepoint.com"  
$themeName = "My Custom Theme"  
#ask user for credentials. User needs SharePoint Admin rights  
$credentials = Get-Credential  
   
#connect to SPO  
Connect-SPOService $adminSiteUrl -Credential $credentials  
   
#Replace the variable value with the generated code  
$theme = @{  
     "themePrimary" = "#0078d4"; #Fourth Background Color  
     "themeLighterAlt" = "#f3f9fd"; #Third Background Color  
     "themeLighter" = "#d0e7f8";  
     "themeLight" = "#a9d3f2";  
     "themeTertiary" = "#5ca9e5";  
     "themeSecondary" = "#1a86d9";  
     "themeDarkAlt" = "#006cbe";  
     "themeDark" = "#005ba1";  
     "themeDarker" = "#004377";  
     "neutralLighterAlt" = "#f8f8f8";  
     "neutralLighter" = "#f4f4f4"; #Second Background Color  
     "neutralLight" = "#eaeaea";  
     "neutralQuaternaryAlt" = "#dadada";  
     "neutralQuaternary" = "#d0d0d0";  
     "neutralTertiaryAlt" = "#c8c8c8";  
     "neutralTertiary" = "#bab8b7";  
     "neutralSecondary" = "#a3a2a0";  
     "neutralPrimaryAlt" = "#8d8b8a";  
     "neutralPrimary" = "#323130";  
     "neutralDark" = "#605e5d";  
     "black" = "#494847";  
     "white" = "#ffffff"; #First Background Color  
}  
  
#Add theme  
Add-SPOTheme -Name $themeName -Palette $theme -IsInverted:$false

    Then set the new added theme as the site theme and then choose the section background color you want from UI.

    If an Answer is helpful, please click "Accept Answer" and upvote it.
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.