Follow

Change color scheme and logo

We have added the ability to customize the color scheme and to add your company logo to a WorkPoint 365 solution.

Access the color scheme configuration

Access the color scheme configuration
  1. Click here to open the settings panel
  2. Click here to access the color scheme configuration

Select theme

Select theme
  1. From the selection of themes on the "change the look" page click on the theme titled "current theme" or "WorkPoint"

Select a color scheme

Select a color scheme
  1. After selecting the WorkPoint theme you can select the color scheme you want to use

Try the selected color scheme

Try the selected color scheme
  1. After selecting a color scheme you can click this button to preview the new color scheme

Preview color scheme

Preview color scheme
  1. You are now presented with a preview of the selected color scheme
  2. Click here to use the new color scheme

Access settings to change the logo

Access settings to change the logo
  1. From the settings panel click on "Site settings"

Open logo settings page

Open logo settings page
  1. From the site settings page click on "Title, Description, and Logo"

Title, Description, and Logo page

Title, Description, and Logo page
  1. After clicking on the "Title, Description, and Logo" link you are presented with this page

Select image to upload

Select image to upload
  1. Click here to browse your computers filesystem for the imagefile you want to use as the logo

Open file browser

Open file browser
  1. Click here to explorer your filesystem

Select image

Select image
  1. Select the image you want to use
  2. Click on open

Upload image

Upload image
  1. Confirm the upload operation by clicking here

Preview the uploaded logo

Preview the uploaded logo
  1. A preview of the uploaded logo is presented to you

Confirm to use the logo

Confirm to use the logo
  1. Click ok to confirm you wish to use the uploaded image as your new logo

The result

The result
  1. Once the logo is uploaded in the bottom right corner of your WorkPoint solution

Advanced color scheme adjustment

I the following section you will learn how to create a custom color scheme with Microsoft SharePoint Color Palette Tool, upload it and use it together with you WorkPoint theme.

Access site settings

Access site settings
  1. From the settings panel click here to open site settings

Open composed looks

Open composed looks
  1. Click here to access composed looks settings page

Download WorkPoint theme color palette file

Download WorkPoint theme color palette file
  1. Find the WorkPoint theme on the composed looks page
  2. Click here to download the color palette file

SharePoint Color palette tool

SharePoint Color palette tool
  1. Download SharePoint palette tool and launch the program
  2. Open the downloaded color palette file or start from scratch without loading an existing color palette file
  3. If you want to start from scratch use the seattle layout to ensure that it will work together with the WorkPoint theme

Modify the colors to match the desired look

Modify the colors to match the desired look
  1. Click the color you want to change

Choose a color with the color picker

Choose a color with the color picker
  1. Select and adjust the color you want to use
  2. Click OK

Result of the color adjustment

Result of the color adjustment
  1. The result of the changes you make are instantly visible in the tool

Modify the preview slot

Modify the preview slot
  1. To make it easy to find your color scheme once it has been uploaded you can change the preview slot colors to colors you easily can recognize

Modified preview slot

Modified preview slot
  1. Here the preview slot has been modified to make it easy to select the correct color palette once it has been uploaded

Save the custom color palette

Save the custom color palette
  1. Click here to save the custom color palette

Tip for filename

Tip for filename
  1. Start the filename with a 0 (zero) to have it listed as the first choice when presented with all the different color palettes to choose from

Access site settings

Access site settings
  1. Click here to access site settings

Open Themes settings page

Open Themes settings page
  1. Click here to access the Themes settings page

Open the 15 library

Open the 15 library
  1. Click here to access the 15 library

Upload the custom color palette file

Upload the custom color palette file
  1. Click here to upload the custom color palette file created with the SharePoint Color Palette Tool

Choose file and confirm upload

Choose file and confirm upload
  1. Click here to select the color palette file from you local computer filesystem
  2. Click OK to confirm the upload

Use the custom color palette

Use the custom color palette
  1. From the settings panel click on "Change the look" and you will be able to select your custom uploaded color scheme

Preview the color scheme

Preview the color scheme
  1. Click this link to preview the custom color palette

Confirm the new color scheme usage

Confirm the new color scheme usage
  1. Click here to use the new color scheme

The result

The result
  1. Although my example is not exactly pretty, I hope you are all set to create your own color scheme and logo to make your WorkPoint 365 solution match the look and feel you want.

Roll out the custom theme

When you are happy with your custom colors and selected logo you are ready to initialize a rollout of the new theme

Access WorkPoint administration

Access WorkPoint administration
  1. Click here to access the WorkPoint Administration page

Open Theme

Open Theme
  1. Find the theme menu in the left hand pane and click on it

Start theme rollout

Start theme rollout

Click the botton to begin the theme rollout. Be advised that the theme rollout is time consuming. Expect 45 seconds handling time pr. site.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments