Azure / Office 365 / SharePoint Development / Search

How to apply a new suite bar theme on your Office 365 tenant

on Sep 12, 2014 by Elio Struyf with 3 comments

Microsoft is rolling out a new functionality to theme the suite bar or to top nav bar in Office 365. This may seem a simple functionality but can have an enormous change trough wards the branding of a company. A couple of my clients was waiting for this functionality to be released. Now they finally have the ability to change the colors of the top nav bar on their Office 365 tenant.

How to change your company theme

To apply this on your environment, click on admin > Office 365 links on the top navigation bar:

Office 365 Admin

Office 365 Admin

On the Office 365 admin page, you will see your company name at the top right corner:

Company name

Company name

When you click on that link, it brings you to your company profile page. There you should have two links available at the left side:

Custom theming

Custom theming

If these links are not available and you see something like this:

No custom theming option

No custom theming option

That means that it is not yet rolled out to your tenant.

To theme the top navigation, click on the Custom theming link on the page, this brings you to the next screen:

Create a custom theme

Create a custom theme

What can you do on the page?

  1. Add your company logo or any other image you want to use. The image size should be 200x50 pixels;
  2. You can set a link to navigate to when you click on the image;
  3. Set the color for the top ribbon;
  4. Change the color for the links on the top ribbon;
  5. Change the color of the Office 365 logo.
Custom Office 365 theme

Custom Office 365 theme

Important: you can make the image smaller like for example 100x50 which will work, but it will still reserve the 200 pixels width in the top nav row.

Once you click on the save button, it will be applied on your whole Office 365 tenant.

Note: be aware that it can take some time to get applied to your whole Office 365 tenant.

Change your personal suite bar theme on your tenant

You are also able to apply a personal suite bar theme on your tenant. To do this open up the gear menu and you will find a Change theme link:

Change personal theme

Change personal theme

This brings you to your Office 365 settings page where you are able to change the theme for the suite bar, but it is not like the company theming functionality. You are only able to switch between themes like you were able in Outlook Web Access.

Personal theme options

Personal theme options

When you select the theme you want to use, click on Save. Like the company theming functionality, you will have to wait a while before it is completely applied on the tenant.

Office 365 with a personal theme

Office 365 with a personal theme

Important: at the moment there is no option to block personal themes to be applied on the tenant.

Article comments