When trying to print your rota, if the colours of your shifts do not display or do not display correctly, you'll need to turn on 'background graphics/colours' in your print settings.
You should get this option when you try to print, but it's often hidden away in the advanced settings.
Once this is selected, click the print button and your rota as normal.
On Google Chrome, it looks like this:
On Internet Explorer you will need to edit the Page Setup and check the box called 'Print Background Colours and Images'.
On Firefox, on the Print Screen, you'll need to select both 'Print Background Colours' and 'Print Background Images'.