| print view | expand content | forums | guestbook | disable ads | Contribute / Submit |

  Home > Articles > Customizing Web Colors in Internet Explorer

Customizing Web Colors in Internet Explorer
Version 0.51

This article explains how to configure Internet Explorer such that you can view the whole wide web in a color of your preference. It is very simple and easy.

What exactly is this color customisation?

Some of us do not like the color profiles of some useful web sites. So to read the information on that site, they have to endure the irritation and force their eyes to read.

Some people like to read white text on black (or dark) backgrounds. Amazingly, Internet Explorer provides a easy way to do this.

Here is an image comparison of how it can affect your viewing


Original

White Background Profile

Black Background Profile

Another one


Original

White Background Profile

Black Background Profile

The best part about this is that you can also define the standard color of any element of the page. For example, you can set the scrollbars to be red in color and the textarea in blue color.

However, you need to know CSS and HTML if you want to customise in such a way which this guide will not elaborate on. But you can try to play around by opening the file up in Notepad and changing the values.

Why would I need it?

The main purpose is to customise the whole web according to your liking. I like surfing using the Black Background profile. It is easier on the eyes, though it can still strain them after some time of reading long documents.

The only part which is changed are the colors. The text, links - in other words - nothing else is touched.

You can also switch color profiles or even return back to the default color profile anytime.

OK. How do I do install it?

Download the color profile which you want to deploy.

To configure Internet Explorer to use a color profile

  1. Download a CSS profile below and place it in an easy to locate location
  2. Start Internet Explorer, click on Tools and Internet Options.
  3. Click on Accessibility.
  4. Place a checkmark for the line "Ignore colors specified on Web pages".
  5. Place a checkmark for the line "Format documents using my style sheet".
  6. Click on "Browse..." and select the CSS file you just downloaded
  7. Click OK and OK again.

How do I go back to my default state (no color profiles)?

To configure Internet Explorer to use no color profiles,

  1. Start Internet Explorer, click on Tools and Internet Options.
  2. Click on Accessibility.
  3. Remove the checkmark for the line "Ignore colors specified on Web pages".
  4. Remove the checkmark for the line "Format documents using my style sheet".
  5. Click OK and OK again.

How do I change the currently selected color profile?

Internet Explorer seems to have a minor bug when changing color profiles as it doesn't change the profile fully. But there is an easy workaround for it. To change the color profile,

  1. Start Internet Explorer, click on Tools and Internet Options.
  2. Click on Accessibility.
  3. Remove the checkmark for the line "Format documents using my style sheet".
  4. Click OK.
  5. Click Accessibility again.
  6. Place a checkmark for the line "Format documents using my style sheet".
  7. Click on "Browse..." and select the CSS file you wish to change to
  8. Click OK and OK again.

Where can I download CSS color Profiles?

Currently I have only two profiles black and white. It is best to customize one yourself by using Frontpage / Dreamweaver.

White Background
Download
Black Background
Download

Do post your modifications at the Bootstrike.Com Forums with your file attached if you made your own Profile. Enjoy surfing the web with more customization!

This document is Copyright(©) 2001-2008 by G.Ganesh. Visit Bootstrike.Com (http://www.bootstrike.com).

2 Comments

Add your comment! (No registration required)

NOTE: Please do NOT post problems below. Use the Forums (No Registration Required) instead to reduce clog. Thank you!

+ SHOW Comments

Root

MarQu1s on Thursday 25 Jan 07 6:13:03 PM
Any way to do this in Firefox (1.5)?
I've always wanted to do this!
| reply |
Ganesh on Thursday 25 Jan 07 6:19:59 PM
in options there are some options in the Content tab. No CSS support though
| reply |

Bookmark this page!

Privacy Policy - Terms of Use - Contact Us - Site Map
All original content (©) Copyright 1997-2008 Bootstrike.Com. 0.01949 seconds to render.