The Uize.Color.xSvgColors extension module extends the Uize.Color object by adding SVG 1.0 / CSS 3 color definitions to the Uize.Color.colors object.

DEVELOPERS: Chris van Rensburg

1.1. Examples

1.2. Implementation Info

When you extend the Uize.Color object using the Uize.Color.xSvgColors extension module, it will then be possible to use the names of the colors defined in this extension when creating instances of the Uize.Color object, or when setting the color of Uize.Color instances using the from instance method.

EXAMPLE

Uize.Color ('#ffebcd');
Uize.Color ('BlanchedAlmond');
Uize.Color (Uize.Color.colors.blanchedalmond);

Each of the above three statements would create a new instance of the Uize.Color object initialized to the SVG color "BlanchedAlmond". And because the Uize.Color module is used by other modules, such as the Uize.Fx module, it is possible to use color names when specifying the values of color CSS style properties for fade effects, as in...

Uize.Fx.fadeStyle ('myNodeId',{color:'DarkMagenta'},{color:'LavenderBlush'});

The Uize.Color.xSvgColors module defines over a hundred additional colors, as listed in the table below.

This is in addition to the seventeen standard CSS 2.1 colors defined in the Uize.Color module, which are white, silver, gray, black, navy, blue, aqua, teal, green, olive, lime, maroon, red, orange, yellow, purple, and fuchsia.

4.1. Uize.Color.xSvgColors.moduleName