Changing Colours in Firefox

This page explains step-by-step how to change the text and background colours in Firefox

Note: Mac key convention: ' Ctrl ' is used for 'Control', ' Apple ' is used for 'Command' and ' Alt ' is used for the 'Option' key.

Note: For keyboard access make sure ' Full keyboard access ' is turned on - you can turn it on or off; by pressing ' Ctrl ' + ' F1 ' at any time.

Instructions

Click the ' Firefox ' menu with the mouse or press ' Ctrl ' + ' F2 ' to highlight the menu bar and then press the right arrow to highlight the ' Firefox ' menu.

Click on ' Preferences' or press the down arrow to highlight ' Preferences ' and then press ' Enter '. See Fig 1 below.


Fig 1

Make sure the ' Content ' tab is selected if not click on it or use the left / right arrow keys to select it - see Fig 2 below.

Under ' Fonts and Colors ' click on ' Colors' or use the ' Tab ' key to highlight it and press the ' Spacebar ' to select.


Fig 2

You can choose to have your Mac OS colour scheme settings by clicking on the ' Use system colors ' checkbox to select it or ' Tab ' to the checkbox and press ' Spacebar ' if it is not selected (ticked).

Next click on 'Allow pages to choose their own colors, instead of my selections above' checkbox as shown in Fig 3 or ' Tab ' to the checkbox and press ' Spacebar ' to turn it off (deselect it).

Click the ' OK ' button or press ' Enter '.

Press ' Apple ' + ' W ' to return to Firefox.


Fig 3

On a Mac you have limited options to change you OS colour scheme so you are more likely to need to set text and background colours just for Firefox. To do this:

Follow steps 1-4 above.

For your text colour, click the box next to the ' Text': heading or press ' Tab ' to jump to it and press the ' Spacebar ' to bring up the colour swatch as shown in Fig 4 below.

Click on the text colour you want, or use the cursor keys to browse the list of colours, when the colour you want is highlighted press ' Enter '.


Fig 4

Make sure the ' Use system colors ' checkbox is unchecked by clicking on it or ' Tab ' to the checkbox and press ' Spacebar ' if it is selected (ticked).

Next make sure the 'Allow pages to choose their own colors, instead of my selections above' checkbox is turned off or ' Tab ' to the checkbox and press ' Spacebar ' to turn it off (uncheck the box).

If you do not need to change the ' Background ' colour or ' Link colors ' , to return to Firefox click the ' OK ' button or press ' Enter ' then press ' Apple ' + ' W ' to return to Firefox and ignore the rest of these steps but make sure you reload the page by pressing ' Apple' + ' R '.

For your background colour click the box next to the ' Background': heading or press ' Tab ' to jump to it and press the ' Spacebar ' to bring up the colour swatch.

Click on the background colour you want, or use the cursor keys to browse the list of colours, when the colour you want is highlighted press ' Enter '.

For the ' Link Colors' follow the steps above but choose the 'Unvisited Links' and 'Visited Links' boxes.

To return to Firefox click the ' OK ' button or press ' Enter ' then press ' Apple ' + ' W ' to return to Firefox.

Finally press ' Apple ' + ' R ' to reload the page with your colour settings.

Note: If this does not work it could be because your computer settings cannot be changed due to local IT policies - contact your local IT support for further help.

Related guides

No related guides