%3CLINGO-SUB%20id%3D%22lingo-sub-1415261%22%20slang%3D%22en-US%22%3ERe%3A%20Updates%20to%20SharePoint%20default%20site%20themes%3A%20Coming%20June%202020%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1415261%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F34050%22%20target%3D%22_blank%22%3E%40Cathy%20Dew%3C%2FA%3E%26nbsp%3B-%20I%20just%20wanted%20to%20confirm%20that%20if%20I've%20selected%20blue%20as%20my%20theme%2C%20that%20is%20considered%20a%20customised%20theme%20and%20therefore%20it%20won't%20automatically%20change%20to%20Teal%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1418406%22%20slang%3D%22en-US%22%3ERe%3A%20Updates%20to%20SharePoint%20default%20site%20themes%3A%20Coming%20June%202020%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1418406%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F45795%22%20target%3D%22_blank%22%3E%40Andrew%20Silcock%3C%2FA%3E%26nbsp%3B%2C%20yes%20if%20you%20open%20the%20change%20the%20look%20and%20have%20selected%20blue%20as%20your%20theme%20(changed%20to%20another%20and%20reselected%20blue%20and%20saved)%20then%20your%20site%20will%20remain%20blue.%20That%20action%20is%20considered%20customizing%20the%20theme.%20Thank%20you%20for%20the%20question.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1387867%22%20slang%3D%22en-US%22%3EUpdates%20to%20SharePoint%20default%20site%20themes%3A%20Coming%20June%202020%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1387867%22%20slang%3D%22en-US%22%3E%3CP%3EOver%20the%20last%20year%2C%20SharePoint%20has%20embraced%20the%20new%20Microsoft%20Office%20icons%20that%20were%20announced%20in%20late%202018.%26nbsp%3B%20A%20large%20part%20of%20this%20change%20is%20the%20transition%20of%20the%20SharePoint%20identity%20from%20blue%20to%20teal%2C%20signaling%20a%20shift%20in%20the%20identifying%20color%20scheme.%20In%20order%20to%20best%20embrace%20this%20shift%2C%20we%20are%20now%20working%20to%20complete%20an%20update%20from%20blue%20to%20teal%20across%20the%20product%20more%20broadly.%20Updating%20the%20SharePoint%20default%20theme%20from%20blue%20to%20teal%20is%20the%20final%20step%20to%20adopting%20the%20new%20SharePoint%20identity.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWith%20this%20update%2C%20you%20will%20see%20classic%20and%20modern%20SharePoint%20communication%20sites%20and%20team%20sites%20(new%20and%20existing)%20update%20to%20the%20teal%20theme%20if%20they%20have%20not%20been%20customized.%20A%20site%20is%20considered%20customized%20when%20a%20custom%20theme%20has%20been%20selected%20in%20the%20Change%20the%20look%20panel%20or%20customizations%20have%20been%20made%20for%20classic.%20This%20will%20not%20impact%20your%20sites%20in%20any%20way%20beyond%20changing%20colors%20from%20blue%20to%20teal%20as%20seen%20in%20the%20images%20below.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EHow%20will%20this%20impact%20you%3F%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3EAll%20new%20sites%20from%20the%20time%20of%20change%20to%20teal%20will%20be%20created%20with%20teal%20as%20the%20default%20theme%20color.%20This%20change%20will%20happen%20for%20any%20communication%20site%2C%20regardless%20of%20modern%20or%20classic%20and%20for%20classic%20team%20sites.%20Any%20modern%20team%20site%20that%20is%20group%20connected%20will%20still%20be%20created%20in%20the%20existing%20color%20selection%20associated%20to%20the%20M365%20group.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThis%20update%20will%20not%20impact%20custom%20themes%2C%20settings%2C%20or%20the%20content%20and%20structure%20of%20sites.%20This%20update%20will%20only%20change%20the%20theme%20of%20new%20and%20existing%20sites%20that%20have%20not%20been%20customized.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3ECurrent%20blue%20theme%20on%20a%20communication%20site%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3ENew%20Teal%20theme%20on%20a%20communication%20site%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22TealThemedSPSite.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F191866iE8A8CFF68617FD7F%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22TealThemedSPSite.png%22%20alt%3D%22SharePoint%20Communication%20Site%20-%20Teal%20Theme%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3ESharePoint%20Communication%20Site%20-%20Teal%20Theme%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CDIV%20id%3D%22tinyMceEditorCathy%20Dew_1%22%20class%3D%22mceNonEditable%20lia-copypaste-placeholder%22%3E%26nbsp%3B%3C%2FDIV%3E%0A%3CP%3E%3CSTRONG%3EDo%20I%20need%20to%20do%20anything%3F%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3EThis%20update%20is%20automatic%2C%20and%20no%20action%20is%20required%20by%20admins%20or%20users.%3C%2FP%3E%0A%3CP%3EIf%20you%20decide%20to%20keep%20the%20blue%20theme%20-%20or%20just%20want%20to%20change%20the%20theme%20-%20site%20owners%20can%20%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2FChange-the-look-of-your-SharePoint-site-06bbadc3-6b04-4a60-9d14-894f6a170818%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%22%3Eedit%20the%20theme%3C%2FA%3E%20in%20the%20Change%20the%20look%20panel.%20This%20change%20can%20be%20made%20at%20any%20time%2C%20and%20each%20site%20will%20require%20a%20manual%20change.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ETo%20automate%20this%20process%2C%20create%20a%20site%20design%20that%20is%20configured%20to%20apply%20a%20custom%20theme.%20Site%20designs%20are%20a%20reusable%20script%20that%20will%20allow%20site%20owners%20and%20creators%20to%20easily%20apply%20your%20organization%E2%80%99s%20preferred%20default%20theme%20in%20site%20settings.%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fsharepoint%2Fdev%2Fdeclarative-customization%2Fsite-design-overview%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%22%3ELearn%20more%20about%20SharePoint%20site%20design%20scripts%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EBelow%20is%20the%20sample%20code%20of%20the%20blue%20theme%20if%20this%20theme%20is%20preferred%3A%3C%2FP%3E%0A%3CP%3E%3CSPAN%3EBlue%20standard%20theme%20JSON%20code%3A%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-powershell%22%3E%3CCODE%3E%7B%0A%0A%26nbsp%3B%20%22themePrimary%22%3A%20%22%230078d4%22%2C%0A%0A%26nbsp%3B%20%22themeLighterAlt%22%3A%20%22%23eff6fc%22%2C%0A%0A%26nbsp%3B%20%22themeLighter%22%3A%20%22%23deecf9%22%2C%0A%0A%26nbsp%3B%20%22themeLight%22%3A%20%22%23c7e0f4%22%2C%0A%0A%26nbsp%3B%20%22themeTertiary%22%3A%20%22%2371afe5%22%2C%0A%0A%26nbsp%3B%20%22themeSecondary%22%3A%20%22%232b88d8%22%2C%0A%0A%26nbsp%3B%20%22themeDarkAlt%22%3A%20%22%23106ebe%22%2C%0A%0A%26nbsp%3B%20%22themeDark%22%3A%20%22%23005a9e%22%2C%0A%0A%26nbsp%3B%20%22themeDarker%22%3A%20%22%23004578%22%2C%0A%0A%26nbsp%3B%20%22neutralLighterAlt%22%3A%20%22%23faf9f8%22%2C%0A%0A%26nbsp%3B%20%22neutralLighter%22%3A%20%22%23f3f2f1%22%2C%0A%0A%26nbsp%3B%20%22neutralLight%22%3A%20%22%23edebe9%22%2C%0A%0A%26nbsp%3B%20%22neutralQuaternaryAlt%22%3A%20%22%23e1dfdd%22%2C%0A%0A%26nbsp%3B%20%22neutralQuaternary%22%3A%20%22%23d0d0d0%22%2C%0A%0A%26nbsp%3B%20%22neutralTertiaryAlt%22%3A%20%22%23c8c6c4%22%2C%0A%0A%26nbsp%3B%20%22neutralTertiary%22%3A%20%22%23a19f9d%22%2C%0A%0A%26nbsp%3B%20%22neutralSecondary%22%3A%20%22%23605e5c%22%2C%0A%0A%26nbsp%3B%20%22neutralPrimaryAlt%22%3A%20%22%233b3a39%22%2C%0A%0A%26nbsp%3B%20%22neutralPrimary%22%3A%20%22%23323130%22%2C%0A%0A%26nbsp%3B%20%22neutralDark%22%3A%20%22%23201f1e%22%2C%0A%0A%26nbsp%3B%20%22black%22%3A%20%22%23000000%22%2C%0A%0A%26nbsp%3B%20%22white%22%3A%20%22%23ffffff%22%0A%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EIf%20you%20do%20nothing%3F%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%3EStarting%20in%20June%2C%20sites%20that%20have%20not%20been%20customized%20will%20switch%20from%20blue%20to%20teal%20and%20does%20not%20require%20any%20action%20from%20you.%20%26nbsp%3BNew%20sites%20you%20create%20will%20default%20to%20the%20teal%20theme%20until%20you%20change%20it%20either%20through%20the%20Change%20the%20look%20panel%20or%20by%20using%20a%20custom%20Site%20Design.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThis%20change%20will%20not%20impact%20any%20custom%20themes%20or%20settings%20you%20have%20currently%20installed%20and%20applied%20within%20your%20tenant.%20We%20do%20not%20have%20an%20opt-out%20option%20for%20administrators.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%3EWhat%20site%20types%20and%20states%20will%20be%20impacted%3A%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CTABLE%3E%0A%3CTBODY%3E%0A%3CTR%3E%0A%3CTD%20width%3D%22225%22%3E%0A%3CP%3ESite%20Type%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22214%22%3E%0A%3CP%3ECustomized%20state%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22185%22%3E%0A%3CP%3EImpacted%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%22225%22%3E%0A%3CP%3EClassic%20Publishing%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22214%22%3E%0A%3CP%3ENOT%20customized%20with%20a%20theme%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22185%22%3E%0A%3CP%3EYes%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%22225%22%3E%0A%3CP%3EClassic%20Publishing%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22214%22%3E%0A%3CP%3ECustomized%20with%20a%20theme%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22185%22%3E%0A%3CP%3ENo%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%22225%22%3E%0A%3CP%3EClassic%20Team%20sites%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22214%22%3E%0A%3CP%3ENOT%20customized%20with%20a%20theme%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22185%22%3E%0A%3CP%3EYes%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%22225%22%3E%0A%3CP%3EClassic%20Team%20sites%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22214%22%3E%0A%3CP%3ECustomized%20with%20a%20theme%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22185%22%3E%0A%3CP%3ENo%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%22225%22%3E%0A%3CP%3EModern%20Communication%20sites%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22214%22%3E%0A%3CP%3ENOT%20customized%20with%20a%20theme%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22185%22%3E%0A%3CP%3EYes%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%22225%22%3E%0A%3CP%3EModern%20Communication%20sites%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22214%22%3E%0A%3CP%3ECustomized%20with%20a%20theme%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22185%22%3E%0A%3CP%3ENo%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3CTR%3E%0A%3CTD%20width%3D%22225%22%3E%0A%3CP%3EGroup%20connected%20Team%20Sites%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22214%22%3E%0A%3CP%3EN%2FA%3C%2FP%3E%0A%3C%2FTD%3E%0A%3CTD%20width%3D%22185%22%3E%0A%3CP%3ENo%3C%2FP%3E%0A%3C%2FTD%3E%0A%3C%2FTR%3E%0A%3C%2FTBODY%3E%0A%3C%2FTABLE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-1387867%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22iStock-1140097071.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F191875i50ABEA94F57A52C8%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22iStock-1140097071.jpg%22%20alt%3D%22iStock-1140097071.jpg%22%20%2F%3E%3C%2FSPAN%3ESharePoint%E2%80%99s%20new%20teal%20theme%20will%20automatically%20update%20new%20and%20existing%20communication%20sites%20and%20team%20sites.%20Group%20connected%20team%20sites%2C%20and%20sites%20that%20have%20been%20customized%2C%20will%20not%20be%20impacted.%20Moving%20forward%2C%20new%20sites%20will%20automatically%20default%20to%20the%20new%20teal%20theme.%20The%20new%20teal%20theme%20can%20be%20changed%20to%20the%20former%20blue%20theme%20at%20any%20time%20in%20the%20Change%20the%20look%20panel.%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1387867%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EProduct%20Updates%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Microsoft

Over the last year, SharePoint has embraced the new Microsoft Office icons that were announced in late 2018.  A large part of this change is the transition of the SharePoint identity from blue to teal, signaling a shift in the identifying color scheme. In order to best embrace this shift, we are now working to complete an update from blue to teal across the product more broadly. Updating the SharePoint default theme from blue to teal is the final step to adopting the new SharePoint identity.

 

With this update, you will see classic and modern SharePoint communication sites and team sites (new and existing) update to the teal theme if they have not been customized. A site is considered customized when a custom theme has been selected in the Change the look panel or customizations have been made for classic. This will not impact your sites in any way beyond changing colors from blue to teal as seen in the images below.

 

How will this impact you?

All new sites from the time of change to teal will be created with teal as the default theme color. This change will happen for any communication site, regardless of modern or classic and for classic team sites. Any modern team site that is group connected will still be created in the existing color selection associated to the M365 group.

 

This update will not impact custom themes, settings, or the content and structure of sites. This update will only change the theme of new and existing sites that have not been customized.  

 

Current blue theme on a communication site:

BlueThemedSPSite.png

New Teal theme on a communication site:

SharePoint Communication Site - Teal ThemeSharePoint Communication Site - Teal Theme

 

Do I need to do anything?

This update is automatic, and no action is required by admins or users.

If you decide to keep the blue theme - or just want to change the theme - site owners can edit the theme in the Change the look panel. This change can be made at any time, and each site will require a manual change.

 

To automate this process, create a site design that is configured to apply a custom theme. Site designs are a reusable script that will allow site owners and creators to easily apply your organization’s preferred default theme in site settings. Learn more about SharePoint site design scripts.

 

Below is the sample code of the blue theme if this theme is preferred:

Blue standard theme JSON code:

 

 

 

 

{

  "themePrimary": "#0078d4",

  "themeLighterAlt": "#eff6fc",

  "themeLighter": "#deecf9",

  "themeLight": "#c7e0f4",

  "themeTertiary": "#71afe5",

  "themeSecondary": "#2b88d8",

  "themeDarkAlt": "#106ebe",

  "themeDark": "#005a9e",

  "themeDarker": "#004578",

  "neutralLighterAlt": "#faf9f8",

  "neutralLighter": "#f3f2f1",

  "neutralLight": "#edebe9",

  "neutralQuaternaryAlt": "#e1dfdd",

  "neutralQuaternary": "#d0d0d0",

  "neutralTertiaryAlt": "#c8c6c4",

  "neutralTertiary": "#a19f9d",

  "neutralSecondary": "#605e5c",

  "neutralPrimaryAlt": "#3b3a39",

  "neutralPrimary": "#323130",

  "neutralDark": "#201f1e",

  "black": "#000000",

  "white": "#ffffff"

}

 

 

 

 

If you do nothing?

Starting in June, sites that have not been customized will switch from blue to teal and does not require any action from you.  New sites you create will default to the teal theme until you change it either through the Change the look panel or by using a custom Site Design.

 

This change will not impact any custom themes or settings you have currently installed and applied within your tenant. We do not have an opt-out option for administrators.

 

What site types and states will be impacted:

Site Type

Customized state

Impacted

Classic Publishing

NOT customized with a theme

Yes

Classic Publishing

Customized with a theme

No

Classic Team sites

NOT customized with a theme

Yes

Classic Team sites

Customized with a theme

No

Modern Communication sites

NOT customized with a theme

Yes

Modern Communication sites

Customized with a theme

No

Group connected Team Sites

N/A

No

 

3 Comments
Regular Contributor

Hi @Cathy Dew - I just wanted to confirm that if I've selected blue as my theme, that is considered a customised theme and therefore it won't automatically change to Teal?

 

Thanks.

Microsoft

Hi @Andrew Silcock , yes if you open the change the look and have selected blue as your theme (changed to another and reselected blue and saved) then your site will remain blue. That action is considered customizing the theme. Thank you for the question.

Contributor

Thanks for sharing this information.