Start a conversation

Change The Colour of The Menu Bar, Buttons and Time Off Wheel

- Wizest Version Only -

You can change the colours of the menu bars and main buttons to be more in line with your company brand. You can do this under: 

Administration > Company > Settings > Branding Settings

Here, you can create branding templates that can be set to specific sites if required. Select New to create a new branding template to allocate to a site.

Please Note - The system will have a default template. This will be the template that will amend your default system. Any other templates will edit the colour schemes that are allocated to sites only.

  • Menu colour - The colour across the top and left menu bar.
  • Inner menu background colour - The colour seen in the menu when selecting an icon on the left-hand pane.
  • Inner menu text colour - The colour of the text in the menu when selecting an icon on the left-hand pane.
  • Primary button colour - Used as the "highlight" colour in the menu and main buttons throughout the system such as the 'Submit' button.
  • Secondary button colour - Used for additional buttons where there's a few to choose from and these are typically the less well-used buttons.
  • Main menu icon colour - The colour allocated to the icons found on the left-hand pane.
  • Panel title colour - The colour of the text used in the headings for panels.
  • Panel background colour - The colour of the background used in panels.
  • Donut taken - This changes the colour of the taken segment in the time off wheel.
  • Donut mandatory - This changes the colour of the mandatory segment in the time off donut.
  • Donut booked - This changes the colour of the booked segment in the time off donut.
  • Highlight colour - This changes the main highlight colour from green to a colour of your choice.

If your corporate colours are especially bright, it would be worth asking your marketing team for some options as they'll usually have a secondary colour pallet to choose from. 

Darker colours work better than Grey on the menu as the menu items are off-white. 

Depending on your colour scheme, an all-white logo may look better in the top menu bar. To learn how to change your company logo, click here.


The default version of the system

If you want to revert back to the default version of the system, you can do so by clicking the Reset all colours and remove CSS button. 

Please Note - Some customer may have asked their web developers to make additional changes to the look of the system through the use of Custom CSS. If so, please take a copy of this code before resetting the system back to the default version.

Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. HRWize

  2. Posted
  3. Updated

Comments