Home

SharePoint gear icon changes

%3CLINGO-SUB%20id%3D%22lingo-sub-401104%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20gear%20icon%20changes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-401104%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F16018%22%20target%3D%22_blank%22%3E%40Mahendran%20D%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20think%20this%20link%20maybe%20help%20you.%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint%2FSharePoint-Online-Settings-menu-change%2Ftd-p%2F357012%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint%2FSharePoint-Online-Settings-menu-change%2Ftd-p%2F357012%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-401006%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20gear%20icon%20changes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-401006%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F16018%22%20target%3D%22_blank%22%3E%40Mahendran%20D%3C%2FA%3E%20Hi.%26nbsp%3B%20I'm%20the%20engineering%20manager%20for%20the%20common%20O365%20suite%20header%20and%20wanted%20to%20try%20to%20address%20your%20concerns.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI'll%20start%20with%20the%20good%20news%20-%20the%20suite%20header%20respects%20tenant-wide%20theming%20as%20set%20by%20the%20tenant%20administrator.%26nbsp%3B%20You%20can%20set%20up%20your%20color%20scheme%20there%20and%20it%20will%20be%20consistent%20across%20SharePoint%20and%20most%20other%20O365%20web%20properties.%26nbsp%3B%20Tenant%20admins%20also%20have%20the%20option%20to%20restrict%20individual's%20access%20to%20custom%20themes%2C%20which%20will%20make%20the%20theming%20panel%20you%20see%20above%20shrink%20down%20quite%20a%20bit%20(we%20always%20offer%20a%20high-contrast%20option%20for%20users).%26nbsp%3B%20You%20can%20find%20the%20options%20for%20both%20of%20these%20things%20in%20the%20O365%2FM365%20Admin%20Center.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20bad%20news%20is%20that%20the%20new%20suite%20header%20does%20not%2C%20today%2C%20respect%20SharePoint-specific%20themes%20as%20set%20in%20%22Change%20the%20Look%22.%26nbsp%3B%20We're%20opting%20for%20suite-wide%20consistency%20over%20site-specific%20customizations%20here.%26nbsp%3B%20We%20of%20course%20want%20your%20feedback%20on%20this.%26nbsp%3B%20We%20have%20seen%20several%20customers%20raise%20concerns%20with%20it%20already.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ENow%20I'll%20provide%20a%20little%20more%20context%20for%20the%20changes%2C%20in%20case%20it%20helps.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20recent%20changes%20to%20the%20suite%20header%20do%20two%20things.%26nbsp%3B%20First%2C%20they%20move%20the%20underlying%20code%20to%20a%20modern%2C%20forward-looking%20codebase.%26nbsp%3B%20This%20brings%20with%20it%20a%20much%20easier%20servicing%20model%2C%20better%20performance%2C%20and%20makes%20it%20cheaper%20and%20safer%20for%20us%20to%20introduce%20new%20suite-wide%20capabilities%20to%20Office365.%26nbsp%3B%20But%20that's%20all%20%22under-the-hood%22%20stuff.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20second%20and%20more%20immediately%20impactful%20change%20is%20our%20attempt%20to%20bring%20the%20entire%20O365%20suite%20in%20line%20to%20the%20same%20(or%20very%20similar)%20header%20experience.%26nbsp%3B%20Prior%20to%20these%20rollouts%2C%20different%20O365%20apps%20had%20considerable%20differences%20in%20their%20implementation%20and%20display%20of%20header%20features%2C%20SharePoint%20being%20the%20biggest%20outlier.%26nbsp%3B%20With%20these%20changes%2C%20we're%20attempting%20to%20find%20the%20common%20ground%20between%20O365%20suite-wide%20consistency%2C%20user%20personalization%2C%20and%20app-specific%20needs.%26nbsp%3B%20We%20may%20not%20hit%20the%20mark%20perfectly%20each%20time%2C%20though%2C%20so%20it%20is%20important%20to%20us%20that%20you%20keep%20providing%20feedback.%26nbsp%3B%20We%20do%20listen%20and%20your%20comments%20do%20inform%20future%20decision%20making.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThank%20you.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-393076%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20gear%20icon%20changes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-393076%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F869%22%20target%3D%22_blank%22%3E%40Chris%20Webb%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt%20is%20custom%20orange%20color%20that%20aligns%20with%20our%20brand.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-392705%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20gear%20icon%20changes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-392705%22%20slang%3D%22en-US%22%3EThis%20was%20posted%20in%20the%20admin%20center%20over%20s%20month%20ago.%20The%20changes%20are%20to%20the%20suite%20bar%20so%20it%E2%80%99s%20going%20to%20effect%20classic%20and%20modern%20and%20there%20is%20no%20way%20to%20change%20it.%20%3CBR%20%2F%3E%3CBR%20%2F%3EThe%20orange%20is%20just%20a%20different%20theme%20most%20likely%20under%20all%20themes.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-409247%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20gear%20icon%20changes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-409247%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F102411%22%20target%3D%22_blank%22%3E%40Andy%20Tischaefer%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20very%20serious%20problem%20for%20us%20is%3B%3C%2FP%3E%3CP%3Ewe%20are%20maintaining%20two%20different%20colors.%26nbsp%3B%3C%2FP%3E%3CP%3EBrand%20color%20for%20company%20wide%20intranet%20and%20other%20color%20for%20team%20sites.%20Everyone%20got%20used%20to%20it.%26nbsp%3B%3C%2FP%3E%3CP%3EI%20see%20that%20we%20cannot%20create%20a%20new%20custom%20theme%20boxes.%20Users%20need%20to%20select%20from%20those%20pre-defined%20ones%20which%20do%20not%20have%20our%20brand%20color.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EOnly%20way%20is%3B%20Tenant%20admin%20can%20set%20the%20custom%20color%20but%20it%20will%20be%20applied%20to%20all%20sites%20which%20we%20dont%20want.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20really%20need%20to%20have%20a%20feature%20that%20allows%20SharePoint%20Admins%20to%20set%20custom%20theme%20for%20site%20collection%20(either%20by%20UI%20or%20PowerShell)%20at%20least.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThank%20you%20for%20considering%20user%20feedback.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-392231%22%20slang%3D%22en-US%22%3ESharePoint%20gear%20icon%20changes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-392231%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSTRONG%3EUpdate%20(Apr%208%2C%202019)%3A%20%3C%2FSTRONG%3EPlease%20vote%20for%20this%20idea%2C%20if%20you%20face%20similar%20issue%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fsharepoint.uservoice.com%2Fforums%2F329214-sites-and-collaboration%2Fsuggestions%2F37322050-setting-custom-theme-for-new-suite-bar-on-site-col%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsharepoint.uservoice.com%2Fforums%2F329214-sites-and-collaboration%2Fsuggestions%2F37322050-setting-custom-theme-for-new-suite-bar-on-site-col%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EWhat%20happened%20to%20settings%20menu%3F%26nbsp%3B%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EI'm%20a%20site%20collection%20admin%20and%20suddenly%20started%20noticing%20different%20options%20and%20different%20UI%20on%20Gear%20icon%20but%20it%20is%20working%20fine%20with%20Read%20only%20user%20account.%26nbsp%3B%3C%2FP%3E%3CP%3ENote%3A%20I'm%20also%20in%20Targeted%20Setting%20and%20we%20are%20using%20classic%20site.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ELook%20at%20the%20difference%20in%20the%20screenshots.%20It%20changed%20the%20top%20orange%20bar%20and%20new%20options%20!%3C%2FP%3E%3CP%3EHow%20can%20I%20have%20the%20same%20Orange%20top%20bar%3F%3C%2FP%3E%3CP%3EHow%20can%20I%20get%20the%20old%20user%20experience%3F%3C%2FP%3E%3CP%3EWhat%20is%20this%20Themes%3F%20How%20can%20I%20create%20a%20custom%20one%20that%20changes%20the%20top%20bar%3F%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMy%20View%3A%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-left%22%20style%3D%22width%3A%20588px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F100899i4041B19B8017DB56%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22MSFTCaptureSettingsOwner.JPG%22%20title%3D%22MSFTCaptureSettingsOwner.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERead%20user's%20view%3A%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-left%22%20style%3D%22width%3A%20731px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F100895i57FDF5ABF96BF9C9%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22MSFTCaptureSettingsUser.JPG%22%20title%3D%22MSFTCaptureSettingsUser.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-392231%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-481672%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20gear%20icon%20changes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-481672%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F102411%22%20target%3D%22_blank%22%3E%40Andy%20Tischaefer%3C%2FA%3E%26nbsp%3B...Could%20you%20please%20clarify%20the%20below%20points%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E1.%20Is%20there%20any%20way%20to%20define%20a%20custom%20O365%20theme%20or%20only%20options%20available%20are%20to%20choose%20from%20pre-defined%20ones%20that%20show%20up%20under%20the%20Settings%20gear%20or%20define%20the%20theme%20settings%20in%20O365%20admin%20center%20under%20'Custom%20theme%20for%20organisation'.%3C%2FP%3E%3CP%3E2.%20We%20have%20a%20custom%20background%20image%20uploaded%20in%20our%20tenant%20and%20the%20recent%20change%20has%20caused%20it%20to%20not%20work%20properly.%20New%20theme%20displays%20'nav%20bar%20background%20colour'%20in%20left%20(app%20launcher)%20as%20well%20as%20right%20(user%20name%20and%20settings%20gear%20icons).%20The%20background%20image%20is%20added%20in%20the%20middle%20which%20means%20the%20whole%20top%20banner%20appears%20as%20three%20different%20parts%3A%20left%20(colored%20background)%2C%20middle%20(background%20image)%20and%20right%20(colored%20background).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERegarding%20point%202%2C%20we%20tried%20some%20built-in%20themes%20e.g.%20the%20'%3CSTRONG%3EBeach%20Sunset%3C%2FSTRONG%3E'%20and%20noticed%20the%20background%20image%20displays%20seamlessly%20end-to-end%20from%20left%20to%20right.%20When%20I%20checked%20the%20HTML%20code%2C%20the%20difference%20is%20how%20background-color%20is%20applied.%20For%20the%20theme%20we%20set%20in%20admin%20center%2C%20a%20hex%20code%20is%20required%20for%20nav%20background%20color%2C%20whereas%20for%20'%3CSTRONG%3EBeach%20Sunset%3C%2FSTRONG%3E'%20background-color%20is%20set%20to%26nbsp%3B%3CSTRONG%3Ergba(221%2C115%2C125%2C.6).%20%3C%2FSTRONG%3EHence%2C%20the%20theme%20we%20set%20in%20admin%20portal%20gets%20solid%20colored%20left%20and%20right%20sections%20whereas%20out-of-the-box%20ones%20get%20different%20treatment.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt's%20causing%20quite%20a%20bit%20of%20pain%20for%20us%3F%20I%20hope%20Microsoft%20designers%20can%20provide%20a%20way%20to%20fix%20this%20or%20at%20least%20provide%20the%20option%20to%20set%20colors%20in%20hex%20codes%20as%20well%20as%20rgba.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-482161%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20gear%20icon%20changes%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-482161%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F79705%22%20target%3D%22_blank%22%3E%40Gurdev%20Singh%3C%2FA%3E%20thank%20you%20for%20your%20questions%2C%20I'm%20sorry%20to%20hear%20that%20you%20are%20having%20problems.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWith%20regard%20to%20defining%20custom%20O365%20themes%2C%20the%20only%20option%20provided%20today%20is%20the%20%22Custom%20theme%20for%20organization%22.%26nbsp%3B%20Can%20you%20elaborate%20on%20what%20you're%20looking%20for%20when%20you%20say%20you%20want%20to%20define%20a%20custom%20theme%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI'd%20like%20to%20know%20more%20about%20your%20custom%20background%20image%20issue.%26nbsp%3B%20From%20my%20testing%2C%20behavior%20of%20admin-set%20custom%20background%20images%20before%2Fafter%20the%20modern%20header%20rollout%20didn't%20change%20from%20the%20old%20header%20to%20the%20new%20header.%20In%20both%20cases%20the%20custom%20image%20did%20not%20stretch%20to%20exist%20under%20the%20app%20launcher%20or%20the%20icons%20on%20the%20right%20side.%26nbsp%3B%20If%20you're%20seeing%20something%20different%2C%20then%20we%20may%20be%20talking%20about%20different%20things%20here.%26nbsp%3B%20One%20way%20to%20check%2C%20at%20least%20for%20a%20little%20while%20longer%2C%20is%20to%20load%20page%20that%20has%20your%20custom%20background%20image%20on%20Office.com%20or%20SharePoint%2C%20see%20how%20it%20looks%2C%20and%20then%20click%20on%20the%20user%20icon%20in%20the%20right%20corner%20of%20the%20header%2C%20select%20%22My%20Account%22%2C%20and%20see%20what%20the%20background%20image%20looks%20like%20there.%26nbsp%3B%20%22My%20Account%22%20are%20still%20running%20the%20old%20header%20code%20for%20the%20moment.%26nbsp%3B%20If%20the%20background%20image%20acts%20differently%20in%20those%20two%20places%2C%20then%20that%20is%20a%20bug%20that%20I'd%20like%20to%20investigate%2C%20but%20I'm%20not%20seeing%20that%20in%20my%20own%20testing.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAs%20to%20why%20custom%20images%20set%20by%20admins%20behavior%20differently%20than%20the%20background%20images%20provided%20as%20part%20of%20themes%2C%20I%20can%20assure%20you%20it%20has%20nothing%20to%20do%20with%20rgb%20vs%20hex%20values%20(the%20browser%20interprets%20those%20the%20same).%26nbsp%3B%20This%20design%20predates%20my%20time%20on%20the%20team%2C%20but%20I%20believe%20the%20intent%20here%20is%20to%20ensure%20that%20the%20app%20launcher%20and%20icons%20are%20always%20visible%20-%20we%20can%20(and%20do)%20test%20the%20themes%20we%20ship%2C%20but%20we%20have%20no%20way%20to%20do%20that%20with%20custom%20uploaded%20images%2C%20so%20we%20restrict%20how%20far%20they%20are%20allowed%20to%20stretch.%26nbsp%3B%20I%20will%20pass%20this%20feedback%20along%20to%20our%20design%20team%20to%20possibly%20reconsider%20this%20in%20the%20future.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIn%20the%20meantime%2C%20can%20you%20clarify%20why%20setting%20custom%20theme%20information%20for%20your%20tenant%2C%20to%20a%20set%20of%20colors%20that%20is%20complimentary%20to%20the%20background%20image%20that%20you%20want%20to%20set%2C%20isn't%20an%20acceptable%20path%20forward%3F%26nbsp%3B%20I'd%20like%20to%20know%20more.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Mahendran D
Occasional Contributor

Update (Apr 8, 2019): Please vote for this idea, if you face similar issue

https://sharepoint.uservoice.com/forums/329214-sites-and-collaboration/suggestions/37322050-setting-...

 

What happened to settings menu? 

I'm a site collection admin and suddenly started noticing different options and different UI on Gear icon but it is working fine with Read only user account. 

Note: I'm also in Targeted Setting and we are using classic site. 

 

Look at the difference in the screenshots. It changed the top orange bar and new options !

How can I have the same Orange top bar?

How can I get the old user experience?

What is this Themes? How can I create a custom one that changes the top bar? 

 

My View:


MSFTCaptureSettingsOwner.JPG

 

Read user's view: 

MSFTCaptureSettingsUser.JPG

 

 

7 Replies
This was posted in the admin center over s month ago. The changes are to the suite bar so it’s going to effect classic and modern and there is no way to change it.

The orange is just a different theme most likely under all themes.

Thank you @Chris Webb 

It is custom orange color that aligns with our brand. 

@Mahendran D Hi.  I'm the engineering manager for the common O365 suite header and wanted to try to address your concerns.

 

I'll start with the good news - the suite header respects tenant-wide theming as set by the tenant administrator.  You can set up your color scheme there and it will be consistent across SharePoint and most other O365 web properties.  Tenant admins also have the option to restrict individual's access to custom themes, which will make the theming panel you see above shrink down quite a bit (we always offer a high-contrast option for users).  You can find the options for both of these things in the O365/M365 Admin Center.

 

The bad news is that the new suite header does not, today, respect SharePoint-specific themes as set in "Change the Look".  We're opting for suite-wide consistency over site-specific customizations here.  We of course want your feedback on this.  We have seen several customers raise concerns with it already.

 

Now I'll provide a little more context for the changes, in case it helps.

 

The recent changes to the suite header do two things.  First, they move the underlying code to a modern, forward-looking codebase.  This brings with it a much easier servicing model, better performance, and makes it cheaper and safer for us to introduce new suite-wide capabilities to Office365.  But that's all "under-the-hood" stuff.

 

The second and more immediately impactful change is our attempt to bring the entire O365 suite in line to the same (or very similar) header experience.  Prior to these rollouts, different O365 apps had considerable differences in their implementation and display of header features, SharePoint being the biggest outlier.  With these changes, we're attempting to find the common ground between O365 suite-wide consistency, user personalization, and app-specific needs.  We may not hit the mark perfectly each time, though, so it is important to us that you keep providing feedback.  We do listen and your comments do inform future decision making.

 

Thank you.

Thanks @Andy Tischaefer 

 

The very serious problem for us is;

we are maintaining two different colors. 

Brand color for company wide intranet and other color for team sites. Everyone got used to it. 

I see that we cannot create a new custom theme boxes. Users need to select from those pre-defined ones which do not have our brand color. 

 

Only way is; Tenant admin can set the custom color but it will be applied to all sites which we dont want. 

 

We really need to have a feature that allows SharePoint Admins to set custom theme for site collection (either by UI or PowerShell) at least. 

 

Thank you for considering user feedback.  

@Andy Tischaefer ...Could you please clarify the below points?

 

1. Is there any way to define a custom O365 theme or only options available are to choose from pre-defined ones that show up under the Settings gear or define the theme settings in O365 admin center under 'Custom theme for organisation'.

2. We have a custom background image uploaded in our tenant and the recent change has caused it to not work properly. New theme displays 'nav bar background colour' in left (app launcher) as well as right (user name and settings gear icons). The background image is added in the middle which means the whole top banner appears as three different parts: left (colored background), middle (background image) and right (colored background).

 

Regarding point 2, we tried some built-in themes e.g. the 'Beach Sunset' and noticed the background image displays seamlessly end-to-end from left to right. When I checked the HTML code, the difference is how background-color is applied. For the theme we set in admin center, a hex code is required for nav background color, whereas for 'Beach Sunset' background-color is set to rgba(221,115,125,.6). Hence, the theme we set in admin portal gets solid colored left and right sections whereas out-of-the-box ones get different treatment.

 

It's causing quite a bit of pain for us? I hope Microsoft designers can provide a way to fix this or at least provide the option to set colors in hex codes as well as rgba.

@Gurdev Singh thank you for your questions, I'm sorry to hear that you are having problems.

 

With regard to defining custom O365 themes, the only option provided today is the "Custom theme for organization".  Can you elaborate on what you're looking for when you say you want to define a custom theme?

 

I'd like to know more about your custom background image issue.  From my testing, behavior of admin-set custom background images before/after the modern header rollout didn't change from the old header to the new header. In both cases the custom image did not stretch to exist under the app launcher or the icons on the right side.  If you're seeing something different, then we may be talking about different things here.  One way to check, at least for a little while longer, is to load page that has your custom background image on Office.com or SharePoint, see how it looks, and then click on the user icon in the right corner of the header, select "My Account", and see what the background image looks like there.  "My Account" are still running the old header code for the moment.  If the background image acts differently in those two places, then that is a bug that I'd like to investigate, but I'm not seeing that in my own testing.

 

As to why custom images set by admins behavior differently than the background images provided as part of themes, I can assure you it has nothing to do with rgb vs hex values (the browser interprets those the same).  This design predates my time on the team, but I believe the intent here is to ensure that the app launcher and icons are always visible - we can (and do) test the themes we ship, but we have no way to do that with custom uploaded images, so we restrict how far they are allowed to stretch.  I will pass this feedback along to our design team to possibly reconsider this in the future.

 

In the meantime, can you clarify why setting custom theme information for your tenant, to a set of colors that is complimentary to the background image that you want to set, isn't an acceptable path forward?  I'd like to know more.

Related Conversations
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
28 Replies
Tabs and Dark Mode
cjc2112 in Discussions on
2 Replies
Early preview of Microsoft Edge group policies
Sean Lyndersay in Discussions on
65 Replies
*Updated 9/3* Syncing in Microsoft Edge Preview Channels
Elliot Kirk in Articles on
205 Replies