SharePoint (Modern Sites) - Configure the global Theme and logo Tutorial

Learn how to customize the global theme and logo in Microsoft 365 and SharePoint. Discover how to personalize your company logo and office tenant theme to create a unique and professional look for your intranet. Take control of your branding and make your portal page stand out!

  • 2:26
  • 1764 views

Objectifs :

This document aims to guide users on how to customize the logo and theme of their Microsoft 365 tenant, specifically focusing on SharePoint integration. It outlines the steps to access the admin center, create and manage themes, and set logos and links effectively.

Chapitres :

  1. Introduction to Customizing Microsoft 365 Tenant
    In this guide, we will explore how to customize the logo and theme of your Microsoft 365 tenant. This customization allows your organization to maintain a consistent brand identity within the Microsoft 365 environment, particularly on the SharePoint intranet.
  2. Accessing the Admin Center
    To begin customizing your tenant, log into your Microsoft 365 portal. On the top left, you will notice your company logo instead of the default Microsoft logo. To access the customization options, navigate to the admin center by following these steps: 1. Click on 'Settings'. 2. Select 'All Settings' (3rd tab). 3. Look for 'Custom Themes'.
  3. Creating and Managing Themes
    Within the 'Custom Themes' section, you have several options: - **Add a New Theme**: Click to create a new theme. You will need to provide a name for it. - **Edit Existing Themes**: Use the three dots (ellipsis) next to an existing theme to edit or delete it. - **Delete Themes**: Be cautious when deleting themes, as this action cannot be undone. You can assign the new theme to up to five groups, ensuring that only selected users see the custom theme instead of the default organizational theme.
  4. Setting Logos and Links
    In the second tab of the theme customization, you can set: - **Default Logo**: Upload your company logo. - **Alternate Logo**: Optionally, upload a secondary logo. - **Onclick Link**: Paste a link that directs users to your SharePoint intranet or any other relevant link outside of Microsoft 365. This allows for seamless navigation and branding.
  5. Customizing Colors
    The third tab allows you to customize the colors of various elements: - **Navigation Bar**: Change the color of the navigation bar. - **Text and Icons**: Adjust the colors of text and icons. - **Accent Colors**: Set accent colors to enhance the visual appeal. Ensure that your color selections meet the minimum contrast ratio of 4.5:1 for accessibility. You can define specific colors using a color picker or by entering a hex code.
  6. Finalizing Your Theme
    Once you have made all your customizations, click 'Save' to apply the changes. Your new theme will now be active, and only the users in the selected groups will see it. If you need to delete the theme later, return to the three dots (ellipsis) and select 'Delete'. Remember, this action is irreversible.
  7. Conclusion
    In this guide, we have successfully created and customized a new theme for our organization within Microsoft 365. By following these steps, you can enhance your company's branding and improve user experience on your SharePoint intranet. Customizing themes not only reflects your organization's identity but also fosters a cohesive work environment.

FAQ :

How can I customize the logo in my Microsoft 365 portal?

To customize the logo, go to the admin center, navigate to settings, and find the custom themes section. Here, you can set the default logo and alternate logo, as well as the link that users will be directed to when they click on the logo.

What are custom themes in Microsoft 365?

Custom themes allow organizations to personalize the appearance of their Microsoft 365 applications, including colors and logos, to align with their branding.

Can I delete a custom theme once created?

Yes, you can delete a custom theme by going to the custom themes section in the admin center, clicking on the three ellipses next to the theme, and selecting 'Delete'. However, this action cannot be undone.

How many groups can I assign to a custom theme?

You can assign a custom theme to up to five groups within your organization.

What is the importance of color contrast in themes?

Color contrast is crucial for accessibility, ensuring that text is readable against its background. Microsoft 365 provides feedback on whether your color selections meet the minimum contrast ratio.

Quelques cas d'usages :

Branding for Internal Portals

Organizations can use custom themes to apply their branding to internal SharePoint portals, enhancing employee engagement and creating a cohesive company identity.

User Experience Enhancement

By customizing the navigation bar and colors, companies can improve user experience, making it easier for employees to navigate and find information within Microsoft 365 applications.

Targeted Communication

Custom themes can be used to target specific groups within an organization, ensuring that relevant information and branding are presented to the right audience.

Accessibility Compliance

By ensuring that color contrast ratios meet accessibility standards, organizations can create inclusive environments for all employees, including those with visual impairments.

Streamlined Onboarding

New employees can be welcomed with a customized theme that reflects the company’s branding, making the onboarding process more engaging and informative.

Glossaire :

Microsoft 365

A cloud-based suite of productivity applications and services offered by Microsoft, including tools like Word, Excel, PowerPoint, and SharePoint.

SharePoint

A web-based collaboration platform that integrates with Microsoft 365, allowing organizations to create websites, manage documents, and share information.

Office tenant

A dedicated instance of Microsoft 365 services for an organization, which includes user accounts, settings, and data.

Admin center

A web-based interface for administrators to manage Microsoft 365 settings, users, and services.

Custom themes

Personalized visual styles applied to Microsoft 365 applications, allowing organizations to reflect their branding.

Color contrast ratio

A measure of the difference in luminance between two colors, important for accessibility to ensure text is readable against its background.

Hexagon color code

A six-digit code used in web design to specify colors in the RGB color model, often prefixed with a '#' symbol.

résultat(s)
00:00:00
We have deployed Microsoft 365 and
00:00:03
SharePoint in our company and I
00:00:05
just realized that when I log on
00:00:08
to my Microsoft 365 portal page,
00:00:11
I can see on the top left a logo.
00:00:14
This one is not the original Microsoft one,
00:00:17
it's my company's one and when I left
00:00:20
click on it, it directs me right
00:00:23
away to own SharePoint intranet.
00:00:25
How can you customize this logo and
00:00:27
the theme of your office tenant?
00:00:30
Let's go ahead to the admin center
00:00:33
in settings. Look for all settings.
00:00:36
3rd tab, you will find custom themes.
00:00:39
From here you can either add a new one
00:00:41
or with the three edices edit existing
00:00:44
themes or even delete the ones you created.
00:00:47
Note that you cannot
00:00:49
delete the default theme.
00:00:50
Should you wish to add a theme,
00:00:52
you will have to give it a name.
00:00:55
You can select up to five groups.
00:00:58
These groups will see this custom
00:01:00
theme instead of the organizational 1.
00:01:02
By ticking the first box, it will
00:01:05
prevent users from overriding the theme.
00:01:07
And by taking the second one,
00:01:09
it will show the user's full
00:01:11
dislay name as it is right now.
00:01:13
The second tab will allow you to set
00:01:16
the default logo, the alternate logo.
00:01:20
And most importantly,
00:01:21
the onclick link.
00:01:23
You can copy and paste a link that is either
00:01:26
a SharePoint Internet or any other link.
00:01:29
It doesn't have to be in Microsoft 365.
00:01:33
The third tab allows you to customize
00:01:35
the colors of the navigation bar text,
00:01:38
an icon and the accent colours.
00:01:42
The green text right here tell me
00:01:44
that my selection meets the minimum
00:01:46
color contrast ratio of 4.521.
00:01:48
I can next click on any of these
00:01:51
and define a specific color.
00:01:54
I could should I wish to even use a hexagon.
00:01:57
Once saved I can go back to the main page.
00:02:00
My training theme is now U and running.
00:02:03
Remember,
00:02:03
only the people in the groups you
00:02:06
have chosen and you can select up to
00:02:08
five groups are now seeing this theme.
00:02:11
Should you wish to delete it,
00:02:13
go to the three ellipses, click on Delete.
00:02:16
Careful, you can not undo this action.
00:02:19
We have just created a new theme for
00:02:23
organization and customized the colors.

No elements match your search in this video....
Do another search or back to content !

 

Mandarine AI: WHAT YOU SHOULD KNOW

RELATED COURSES This tutorial is part of the following courses

1531 Views

Microsoft Video Training SharePoint - Managing and Configuring Microsoft SharePoint

Once my Microsoft SharePoint intranet is deployed, it is important to start configuring it. Whether you are a site member, owner, or the ...

Cours E-learning
ALL COURSES

An Error Has Occurred

Unable to save your progress. Please reload the page, log in, and try again. If the problem persists, please contact an administrator.

Close

Reminder

Show

/

Join Live Training Session