SharePointlessness Rotating Header Image

Office 365 Suite Bar Branding – (Pre App Launcher)

In the last few months I have seen and heard about a new option to brand the Suite Bar. This has been a challenge ever since SharePoint 2013 came about both for On Premises and Online.

One of the most common things that I have heard from customers is how to change the colors, logo and text in the Suite bar.  In SharePoint On Premises you can use CSS and Powershell to change the colors and text.

But when you move onto SharePoint Online and Office 365 in general that became much harder to do. You could at first use CSS to simply override the Styles that are used in SharePoint Online, but with a change in the spring, that became a challenge.  Once that change came through you would need to use JavaScript injection to get your customizations into the Suite Bar.

And while that would apply to SharePoint Online, it did not apply across the entire Office 365 suite.  So switching between the various platforms and products within Office 365 would change the Suite Bar across each product.

When the announcement of Office 365 Global Suite Bar themes came across, I was initially excited about giving this a try and stopping all of my other methods for customizing the Suite Bar.

It sounds really easy to work with. Simply set the “Theme” centrally as a Global Administrator from the Office 365 Admin Portal.

CustomThemeLocationCircled

In the Office 365 Admin Portal locate your Tenant Name in the top right corner. Once you select this option you will get a page to fill out the properties.

CustomThemeConfig

From here you can choose a logo, pick your URL for where you would want the Logo to link to; accent colors, text and link colors and other Office 365 logo colors.

As you start to change these you will see colors changing in the Suite bar. 

Let’s go through each tab in the Suite Bar and see how it changes.

Outlook:

CustomThemeOutlook

Calendar:

CustomThemeCalendar

People:

CustomThemePeople

Yammer – Of Course doesn’t apply

CustomThemeYammer

OneDrive:

CustomThemeOneDrive

About Me:

CustomThemeAboutMe

Delve:

CustomThemeDelve

 

But what about my SharePoint Sites?

Team Sites:

CustomThemeTeamSite

Publishing Sites?

CustomThemePublishingSite

 

Well, so there we have it, it applies in some cases, but not in the most important ones. Our SharePoint sites are the location that we need to be able to change the branding the most.  So we still need to use JavaScript to change that now in Office 365. 

Oh and don’t get too comfortable with this, as it is all changing as of today in the Office Blogs announcement of the app launcher. 

Oh well, I guess we will continue to fight the good fight since this feature has only been out in First Release tenants for a month.

Stay posted for info on the new App Launcher once I finally get my hands on it.

Leave a Reply