← Back to Integrations Color Templates

Make the booking form match your website.

Pick your brand color and get the CSS to paste into your admin panel. Light and dark versions included, with a live preview.

// 01

Pick your colors

Quick start

Main color

Used for buttons, the active step and links.

Dark color (optional)

Used for the step bar and headings in the light version. Leave it on Auto and we calculate it from your main color.

Use my exact colorSkips the automatic adjustment. The white text on the buttons may be harder to read. Hide the dark-mode buttonRemoves the moon button from the booking form.

// 02

Preview

A mock-up of the booking form and the widget. The real ones look the same, in your colors. The dark version applies when the form or widget runs in dark mode.

Booking form

1234

Book your ride

From

Pickup address

Destination

Return journey

Widget

What each color does

// 03

Copy your CSS

1Log in to your admin panel and open Company → CSS.

2Paste the code into the CSS box. If it already contains your own CSS, add this code at the end.

3Click Save, then reload your booking form and widget. That's it.

Keep the .z{} lines: they stop the CSS box from losing blocks when you save.

Not a customer yet?

Try FareBookings free for 7 days and see the booking form in your own colors.

Start free trial Back to Integrations