How to make a livery

How to Create a Livery on MBT

Recolouring an Existing Livery

If you want to simply recolour a livery, go to the Livery Creator and click on Recolour.

Creating a Simple Livery

To create a simple horizontal or vertical livery, list the hex color codes you want in this format:

#333333, #444444, #000000

Creating a Complex Livery

For more complex liveries, you can use layered CSS gradients like these examples:

linear-gradient(#ffffff 7%, transparent 7%)

radial-gradient(circle at 50% 0%, #ad0000 35%, #ad0000 40%)

To stack colors within a gradient, use the following syntax:

#ffffff 0% 50%, #000000 50% 100%

Example:

linear-gradient(#ffffff 0% 50%, #000000 50% 100%)

This creates a gradient with white from 0% to 50% and black from 50% to 100%.

Importing BusTimes Liveries

You can also import liveries from BusTimes by using the Import BusTimes tab. After importing, you can recolour and rename any BusTimes livery you select.