Custom Theme and unpredictable Suite Bar design behavior

%3CLINGO-SUB%20id%3D%22lingo-sub-407432%22%20slang%3D%22en-US%22%3ECustom%20Theme%20and%20unpredictable%20Suite%20Bar%20design%20behavior%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-407432%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20suite%20bar%20design%20seems%20to%20change%20unexpectedly%20and%20I'm%20not%20able%20to%20predict%20how%20its%20going%20to%20look%20from%20tenant%20to%20tenant%2C%20service%20to%20service%20and%20from%20time%20to%20time.%20As%20a%20design-minded%20person%20I%20would%20like%20to%20fully%20understand%2C%20how%20the%20suite%20bar%20design%20works%2C%20before%20presenting%20design%20options%20to%20clients.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESo%20sometimes%20the%20app%20launcher%20shows%20the%20accent%20color%20(with%20square%20grid%20icon)%20and%20sometimes%20it%20shows%20the%20nav%20bar%20background%20color%20(with%20circular%20grid%20icon).%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHere%20is%20a%20screenshot%20from%20a%20tenant%20that%20first%20had%20nav%20bar%20colored%20app%20launcher%20(1)%20last%20week%20and%20today%2C%20after%20a%20page%20refresh%20had%20an%20accent%20color%20launcher%20(2).%20So%20the%20other%20screencap%20is%20before%20a%20page%20refresh%20from%20the%20same%20tenant%2C%20the%20(2)%20changed%20to%20the%20accent%20color%20version%20after%20page%20refresh.%20Sharepoint%20seems%20to%20be%20the%20most%20undecided%2C%20but%20I've%20seen%20this%20behavior%20in%20office.com%2C%20admin%20center%20etc.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20748px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F106104i8FA7B045190C6298%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22obfuscate.png%22%20title%3D%22obfuscate.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20logic%2C%20is%20the%20other%20one%20a%20new%20design%20or%20what%3F%26nbsp%3B%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-407432%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EOffice%20365%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-430049%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20Theme%20and%20unpredictable%20Suite%20Bar%20design%20behavior%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-430049%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F315946%22%20target%3D%22_blank%22%3E%40ErnoEronen%3C%2FA%3E%26nbsp%3BReplying%20to%20my%20self%2C%20that%20that%20thanks%20to%20a%20colleague%20I%20found%20this%20post%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FMicrosoft-OneDrive-Blog%2FOneDrive-Message-Center-Updates-January-15th-to-January-31st%2Fba-p%2F332041%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FMicrosoft-OneDrive-Blog%2FOneDrive-Message-Center-Updates-January-15th-to-January-31st%2Fba-p%2F332041%3C%2FA%3E%26nbsp%3Bwhich%20suggests%20that%20this%20is%20a%20design%20change%20rolling%20out%2C%20which%20is%20just%20behaving%20erratically%20for%20me%20at%20the%20moment.%20Now%20I%20know%20where%20to%20aim%20and%20just%20wish%20that%20the%20new%20design%20will%20work%20more%20reliably%20in%20the%20future.%20The%20tenant%20pictured%20changed%20to%20the%20new%20design%20again%20today%20%3A)%3C%2Fimg%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

The suite bar design seems to change unexpectedly and I'm not able to predict how its going to look from tenant to tenant, service to service and from time to time. As a design-minded person I would like to fully understand, how the suite bar design works, before presenting design options to clients.

 

So sometimes the app launcher shows the accent color (with square grid icon) and sometimes it shows the nav bar background color (with circular grid icon). 

 

Here is a screenshot from a tenant that first had nav bar colored app launcher (2) last week and today, after a page refresh had an accent color launcher (1). So the other screencap is before a page refresh from the same tenant, the (2) changed to the accent color version after page refresh. Sharepoint seems to be the most undecided, but I've seen this behavior in office.com, admin center etc. 

 

obfuscate.png

 

Is there logic, is the other one a new design or what? 

 

 

1 Reply
Highlighted

@ErnoEronen Replying to my self, that that thanks to a colleague I found this post https://techcommunity.microsoft.com/t5/Microsoft-OneDrive-Blog/OneDrive-Message-Center-Updates-Janua... which suggests that this is a design change rolling out, which is just behaving erratically for me at the moment. Now I know where to aim and just wish that the new design will work more reliably in the future. The tenant pictured changed to the new design again today :)