Spot On for Talent Acquisition & Development

Change Text And Background Colours

How To Change Text And Background Colours

Some people find certain text and background colour combinations difficult to read, while others prefer to always have a specific colour, such as white text on a black background. These guides explain how you can change the text and background colours in your operating system (Windows or Mac) and browser to better suit your needs.

 

There are two ways to do this…

  • Change the colours on your computer “Change the settings in your operating system so that your chosen colours appear every time you use your computer.”
    1. This guide is different depending on your operating system (Windows or Mac). Please select from the options below:
      1. Windows 7
      2. Mac Os X

 

  • Change the colours in your browser “Choose your preferred text and background colours for whenever you visit websites in browsers such as Internet Explorer
    1. Windows

Change Color Windows 7

Step 1: Open the ‘Personalization’ window

You can open the ‘Personalization’ window (shown in Fig 3) by right-clicking anywhere on the desktop and selecting ‘Personalize‘. If you are unable to do this, use the following alternative method. Otherwise, go to Step 2.

Open the ‘Ease of Access Center’ window by pressing the Windows key + U, or by clicking the ‘Start‘ button, followed by ‘Control Panel‘, then ‘Ease of Access‘, then ‘Ease of Access Center‘.

Under the ‘Explore all settings’ header, click on ‘Make the computer easier to see‘ (Fig 1) or press Tab until it is highlighted and then press Enter.

 

Fig 1

under the ‘Make things on the screen easier to see’ header (Fig 2), click on ‘Fine tune display effects‘, or press Alt + C, to open the ‘Personalization’ window shown in Fig 3.

Fig 2

Step 2: Choose a colour theme

In the ‘Personalization’ window (Fig 3), you can choose to use an existing theme, including high-contrast themes.

To customise a theme’s colours, scroll to the the bottom of the ‘Personalization’ window and click on the ‘Window Color‘ icon, or press Tab until it is highlighted and then press Enter. If you are using an Aero theme, continue to Step 3. If you are using another theme, go to Step 4.

Step 3: Change your colour scheme (Aero themes)

If you are using an Aero theme, when you click on the ‘Window Color‘ icon as described in Step 2, the ‘Window Color and Appearance’ window shown in Fig 4 will appear.

Fig 4

You can change your Aero colour scheme by clicking on one of the colours.

You can also customise your colour scheme by changing individual colours for text, windows and other graphical elements. To do this, click on ‘Advanced appearance settings‘, or press Tab until it is highlighted and then press Enter, to open the pop-up ‘Window Color and Appearance’ window (shown in Fig 5).

Otherwise, to accept the changes and finish, click on the ‘Save changes‘ button, or press Tab until it is highlighted and press Enter.

Step 4: Customise your colour scheme

In the pop-up ‘Window Color and Appearance’ window (Fig 5), click on the drop-down list under the ‘Item‘ header or press Alt + I, then use the mouse or arrow keys to scroll through the list of items.

Fig 5

For example, if you select ‘Window’ from the list, you can change its colour by clicking on the drop-down button under ‘Color 1‘, or by pressing Alt + L. This opens a basic drop-down colour palette, shown in Fig 6.

Fig 6

For more colours, click on the ‘Other‘ button or press Alt + O to bring up the ‘Color’ window shown in Fig 7.

Fig 7

Click on the colour you want, or press Alt + B to select ‘Basic colors’ and use the arrow keys to move to the colour you want. Press the Spacebar to select it.

Click the ‘OK‘ button or press Enter to return to the pop-up ‘Window Color and Appearance’ window (Fig 5) and repeat the procedure for any other ‘Items’ you want to customise.

You can also change the colour of the text that appears on some ‘Items’, for example the text colour for ‘Menu’. If it is possible to do this for a particular ‘Item’, the second row of buttons (below the ‘Font’ header) will become active. Click on the drop-down button under ‘Color‘ or press Alt + R. Then, follow the same procedure as outlined above for changing ‘Item’ colours.

When you’ve made all your changes, click the ‘OK‘ button or press Enter. If you are not using an Aero theme, this will return you to the ‘Personalization’ window (Fig 3).

If you are using an Aero theme, you will return to the main ‘Window Color and Appearance’ window (Fig 4). Click on the ‘Save changes‘ button, or press Tab until it is highlighted and press Enter to return to the ‘Personalization’ window.

Your customised theme will appear at the top of the ‘Personalization’ window with the name ‘Unsaved Theme’. Click on ‘Save Theme‘, or press Tab until it is highlighted and then press Enter. This will open a dialogue box. Type in a name for your theme and click ‘Save‘ or press Enter.

To finish, close the ‘Personalization’ window by clicking on the red close cross or by pressing Alt + F4.

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.



Change Color Mac OS X

 

How to change the colours in Mac OS X

 

Areas in this guide:

 

  • Use the high-contrast colour scheme
  • Change the desktop background colour

 

Note: The following abbreviations for keys on the Mac are used: Ctrl is used for the Control key, Apple is used for the Command key, and Alt is used for the Option key. 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.

 

Use the high-contrast colour scheme

 

Step 1: Open the ‘Universal Access’ window

Make sure you are in ‘Finder’. If necessary, press Apple + Tab to cycle through the open applications until you return to ‘Finder’.

Click on the ‘Apple‘ icon on the menu bar or press Ctrl + F2.

Click on ‘System Preferences‘, as shown in Fig 1, or press the down arrow key to highlight it and then press Enter.

Fig 1

In the ‘System Preferences’ window (shown in Fig 2), click on the ‘Universal Access‘ icon, or press Tab repeatedly (you might need to press Ctrl + F7 first) to cycle through the icons until the ‘Universal Access‘ icon is highlighted and then press the Spacebar.

Fig 2

In the ‘Universal Access’ window (shown in Fig 3), make sure the ‘Seeing‘ tab is selected. If it is not, click on it, or press Ctrl + F7 to highlight one of the tabs and then press the left or right arrow key to select it.

Step 2: Change to the ‘white on black’ colour scheme

Under the ‘Display’ header, click the radio button next to ‘White on Black‘, or press Tab until the ‘Black on White’ radio button is highlighted (as shown in Fig 3) and use the up or down arrow key to select ‘White on Black‘.

Fig 3

The colour scheme will change straight away. To switch between the high-contrast white on black colour scheme and the standard display at any time, press Shift + Alt + Apple + 8.

You can increase or decrease the contrast level by moving the ‘Enhance contrast‘ slider, or by using the following keyboard shortcuts at any time: to increase the contrast, press Shift + Alt + Apple + ‘ . ‘ (full stop); to decrease the contrast, press Shift + Alt + Apple + ‘ , ‘ (comma).

Step 3: Set the display to grayscale

Under the ‘Display’ header, tick the box next to ‘Use grayscale‘ by clicking on it, or by pressing Tab until the box is highlighted and then pressing the Spacebar.

The colour scheme will change straight away. To turn it back to the standard display, untick the box by clicking on it, or by pressing the Spacebar again.

When you are finished, click on the window’s red close button or press Apple + W.

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.

 

 

Change the desktop background colour

 

Step 1: Open the ‘Desktop & Screen Saver’ window

Make sure you are in ‘Finder’. If necessary, press Apple + Tab to cycle through the open applications until you return to ‘Finder’.

Click on the ‘Apple‘ icon on the menu bar or press Ctrl + F2.

Click on ‘System Preferences‘, as shown in Fig 1, or press the down arrow key to highlight it and then press Enter.

Fig 1

In the ‘System Preferences’ window (shown in Fig 2), click on the ‘Desktop & Screen Saver‘ icon, or press Tab repeatedly (you might need to press Ctrl + F7 first) to cycle through the icons until the ‘Desktop & Screen Saver‘ icon is highlighted and then press the Spacebar.

Fig 2

In the ‘Desktop & Screen Saver’ window (shown in Fig 3), make sure the ‘Desktop‘ tab is selected. If it is not, click on it, or press Ctrl + F7 to highlight one of the tabs and then press the left or right arrow key to select it.

Step 2: Select a colour for the desktop

In the pane on the left, click on ‘Solid Colors‘ in the ‘Apple’ folder, as shown in Fig 3. Alternatively, press Tab to move to the left-hand pane, then use the up and down arrow keys to scroll through the list of choices until ‘Solid Colors‘ is highlighted and then press the Spacebar.

Fig 3

Click on the colour you want (there’s no keyboard shortcut). As soon as you make a choice, the background colour changes straight away.

When you are finished, click on the window’s red close button or press Apple + W.

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.



Change Color in Web Browsers Windows

 

How to change your colors in web browsers for Windows

 

These pages explain step-by-step how to choose your preferred text and background colours for whenever you visit websites in web browsers running on Windows systems.

 

  • How to change the colours in Firefox 3 for Windows

 

Step 1: Open the ‘Colours’ window

Click on ‘Tools’ in the menu bar and then ‘Options’ from the drop-down menu. Or press Alt + T and then press O. This will open the ‘Options’ window shown in Fig 1.

 

Fig 1

Click the ‘Content‘ tab, or use the left and right arrow keys to cycle through the tabs until ‘Content’ is selected.

Click on the ‘Colours‘ button, or press Alt + C, to open the ‘Colours’ window shown in Fig 2.

Fig 2

If you want to use the same colour scheme as you are using for Windows, continue to Step 2. If you want to customise colours just for Firefox, go to Step 3.

Step 2: Use your Windows colour scheme in Firefox

To use your Windows colour scheme settings in Firefox, tick the box next to ‘Use system colours‘ by clicking on it, or by pressing Alt + S.

Untick the box next to ‘Allow pages to choose their own colours, instead of my selections above‘ by clicking on it, or by pressing Alt + A.

Click the ‘OK‘ button or press Enter to return to the ‘Options’ window (Fig 1). In the ‘Options’ window, click the ‘OK‘ button, or press Tab until it is highlighted and then press Enter to return to Firefox.

You should now see your colour settings. If you can’t see them, click on the ‘Reload current page‘ button (the curving arrow) on the Firefox toolbar, or press Ctrl + R, to reload the page with your colour settings.

Step 3: Choose your colours just for Firefox

In the ‘Colours’ window (Fig 2), make sure the ‘Use system colours‘ box is unticked. If it is ticked, click on it or press Alt + S to untick it.

To choose your text colour, click the colour box next to the ‘Text‘ header, then click on the colour you want to use from the pop-up colour palette as shown in Fig 3.

Alternatively, press Alt + T to highlight the ‘Text’ colour box and then press the Spacebar to bring up the colour palette shown in Fig 3. Use the arrow keys to navigate to the colour you want and then press Enter to choose it.

Fig 3

Using the same steps, you can also choose a background colour. (Press Alt + B to jump to the ‘Background’ colour box.) Note that you might not be able to see background images if you do this.

When you have chosen your colours, untick the box next to ‘Allow pages to choose their own colours, instead of my selections above‘ by clicking on it, or by pressing Alt + A.

Click the ‘OK‘ button or press Enter to return to the ‘Options’ window (Fig 1). In the ‘Options’ window, click the ‘OK‘ button, or press Tab until it is highlighted and then press Enter to return to Firefox.

You should now see your colour settings. If you can’t see them, click on the ‘Reload current page‘ button (the curving arrow) on the Firefox toolbar, or press Ctrl + 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.

 

  • Change your colours in Internet Explorer 5 or 6

 

Step 1: Open the ‘Accessibility’ window

Click on ‘Tools‘ in the menu bar and then ‘Internet Options‘ from the drop-down menu, or press Alt + T and then press O. You should now see the ‘Internet Options’ window shown in Fig 1.

Fig 1

If the ‘General‘ tab is not already selected, click on it, or press Ctrl + Tab to cycle through the tabs until it is selected.

Click on the ‘Accessibility‘ button, or press Alt + E, to open the ‘Accessibility’ window shown in Fig 2.

Fig 2

Step 2: Use your Windows colour scheme in Internet Explorer

To use your Windows system colours, tick the box next to ‘Ignore colors specified on webpages‘ by clicking on it, or press Alt + C to tick it.

Click the ‘OK‘ button or press Enter to return to the ‘Internet Options’ window (Fig 1). Internet Explorer should now be showing the colour scheme you have on your computer.

If you are happy with the way the colours look, click the ‘OK‘ button, or press Tab until it is highlighted and then press Enter, to return to Internet Explorer.

Otherwise, if you want to customise the text or background colours on the web page, continue to Step 3.

Step 3: Choose your colours just for Internet Explorer

In the ‘Internet Options’ window (Fig 1), click on the ‘Colors‘ button or press Alt + O. This will open the ‘Colors’ window shown in Fig 3.

Fig 3

To use your own colours, untick the box next to ‘Use Windows colors‘ by clicking on it, or press Alt + W to untick it.

To change the text colour, click the colour box next to ‘Text‘, or press Alt + T, to open the colour palette.

Select a colour by clicking on it, or use the arrow keys to highlight the colour you want and then press the Spacebar to select it. Click the ‘OK‘ button or press Enter.

Repeat this process to select your own colours by clicking on the colour boxes for ‘Background‘ (Alt + B), as well as ‘Visited‘ hyperlinks (Alt + I) and ‘Unvisited‘ links (Alt + N), if desired.

When you are happy with your colour choices, click ‘OK‘, or press Enter to return to the ‘Internet Options’ window (Fig 1). Internet Explorer should now be showing the colour scheme you have chosen.

Click the ‘OK‘ button, or press Tab until it is highlighted and then press Enter, to return to Internet Explorer.

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.

 

  • Change your colours in Internet Explorer 7

Step 1: Open the ‘Accessibility’ window

Click on ‘Tools‘ in the menu bar and then ‘Internet Options‘ from the drop-down menu, or press Alt + T and then press O. You should now see the ‘Internet Options’ window shown in Fig 1.

Fig 1

If the ‘General‘ tab is not already selected, click on it, or press Ctrl + Tab to cycle through the tabs until it is selected.

Click on the ‘Accessibility‘ button, or press Alt + E, to open the ‘Accessibility’ window shown in Fig 2.

Fig 2

Step 2: Use your Windows colour scheme in Internet Explorer

To use your Windows system colours, tick the box next to ‘Ignore colors specified on webpages‘ by clicking on it, or press Alt + C to tick it.

Click the ‘OK‘ button or press Enter to return to the ‘Internet Options’ window (Fig 1). Internet Explorer should now be showing the colour scheme you have on your computer.

If you are happy with the way the colours look, click the ‘OK‘ button, or press Tab until it is highlighted and then press Enter, to return to Internet Explorer.

Otherwise, if you want to customise the text or background colours on the web page, continue to Step 3.

Step 3: Choose your colours just for Internet Explorer

In the ‘Internet Options’ window (Fig 1), click on the ‘Colors‘ button or press Alt + O. This will open the ‘Colors’ window shown in Fig 3.

Fig 3

To use your own colours, untick the box next to ‘Use Windows colors‘ by clicking on it, or press Alt + W to untick it.

To change the text colour, click the colour box next to ‘Text‘, or press Alt + T, to open the colour palette shown in Fig 4.

Fig 4

Select a colour by clicking on it, or use the arrow keys to highlight the colour you want and then press the Spacebar to select it.

Click the ‘OK‘ button or press Enter.

Repeat this process to select your own colours by clicking on the colour boxes for ‘Background‘ (Alt + B), as well as ‘Visited‘ hyperlinks (Alt + I) and ‘Unvisited‘ links (Alt + N), if desired.

When you are happy with your colour choices, click ‘OK‘, or press Enter to return to the ‘Internet Options’ window (Fig 1). Internet Explorer should now be showing the colour scheme you have chosen.

Click the ‘OK‘ button, or press Tab until it is highlighted and then press Enter, to return to Internet Explorer.

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.


Spot On Is Not Responsible For The content Of Any External Internet Sites- Disclaimer

Contains Public Sector Information Licensed Under The Open Government Licence v2.0.


Contact Us

Email : info@spotonps.pl
Address : Siedmiogrodzka 1 / 123, 01-204 Warszawa
Phone : +48 660 762 309

NewsLetter