Wiki: Troubleshooting Color Issues in Your Wiki Articles

Wiki: Troubleshooting Color Issues in Your Wiki Articles

Credit: Markus Vilcinskas  

 


Introduction

Source: Forums Home Feedback and Discussions Forums TechNet Wiki Discussion Code snippet formatting

Formatting test

HTML code

You can set color in multiple ways
- using the HEX code (#123456)
- using the RGB code (0..255, 0..255,0..255)
- using the color name

See also: http://en.wikipedia.org/wiki/Web_colors

Edit Mode

Don't get fooled when you're preparing your Wiki artilcle.
At first sight, in Edit mode your design can look fine.

Some examples (screenshot of edit mode)


Published view

Once published you finally know if the setting has been saved and published correctly.

One thing is sure, the color coding based on names is stable and works.

Below is the same set of layout items as designed above.

background-color: gray
background-color: gainsboro

background-color: rgb(192, 192, 192)
background-color: rgb(240, 240, 240);

background-color: #c0c0c0
background-color: #f0f0f0

background-color: gray
background-color: gainsboro

background-color: rgb(192, 192, 192)
background-color: rgb(240, 240, 240)

background-color: #c0c0c0
background-color: #f0f0f0

Solution to set proper formatting

Use the color naming as much as possible.
This has been proven to be the most stable and correct interpretation of the color layout.

Alternatively use a 3rd party browser like FF, Dolphin, Opera to open the article and just save it.

Color scheme

There is a very intersting overview on the the color scheme on : http://en.wikipedia.org/wiki/Web_colors 


See also

Reference