When customizing the Default iEBMS Presentation Stylesheets, one property that you may want to change is the colors that are used.
- For information about adding the Default iEBMS Presentation files, please refer to this article: https://supportcenter.ungerboeck.com/entries/24083173
Once you have added the Default iEBMS Presentation Stylesheet and exported it to your computer, open the CSS file in a CSS editor. If you don't have dedicated program to edit CSS files, it can be opened with Notepad (Windows) or TextEdit (Mac).
Once opened, you will see the Cascading Style Sheet (CSS) code. Of particular interest are the properties that define colors. Some of these properties include, but are not limited to, the following:
- color (used to color text)
- background and background-color
- border and border-color
These properties will be followed by a colon ( : ), then a value, and then a semi-colon ( ; ) and/or a closing curly brace ( } ).
The value of the color within the Default iEBMS Presentation Stylesheets will either be in the form of a named color (such as 'black', 'blue', or 'red'), or as a three (3) or six (6) digit hexadecimal number preceded by a hash ( # ).
A full list of the available named colors can be found at the following web page: http://en.wikipedia.org/wiki/X11_color_names
There are only a limited number of named colors, so finding one that suits your design may be difficult. If you need more colors, you can specify them using the three (3) or six (6) digit hexadecimal notation.
The hexadecimal values may look confusing at first, but here are some simple rules that may help you understand them a little bit better:
- The three (3) digit version of the hexadecimal number is a shortcut for the six (6) digit version: #xyz becomes #xxyyzz
- The first pair of digits of the six (6) digit hexadecimal number represents the red part of the color.
The second pair of digits represents the green part of the color.
The third pair of digits represents the blue part of the color.
Together these are known as RGB color values. - The individual red, green and blue values are hexadecimal numbers, so valid values for each digit are 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, and F.
- If we use red as an example, the pair of digits range between 00 and FF. Converted to decimal, this represents the range from 0 to 255. 00 means that there is no red in the resultant color, whereas FF means that there is full red in the resultant color.
- RGB colors are additive.
Adding full red with full green and full blue results in white. That is, #FFFFFF is full white (as is #FFF).
The absence of red, green and blue results in black. That is, #000000 is full black (as is #000).
Full red with no green or blue results in red. That is #FF0000 is red (as is #F00). - If the red, green and blue values are all equal, the resultant color will be a shade of grey.
- Varying the values of red, green and blue will result in various hues of color, with various saturation and brightness.
- In total there are 16,777,216 RGB colors that can be specified.
There are many tools online that can help you find the color that you want. One example is http://www.rgbtool.com
Once you have the determined the new colors that you want to use, you can replace the existing color values within your iEBMS Presentation Stylesheet with the new values as required. Once finished, import your Stylesheet back into the software, and then view your iEBMS configuration to see your changes.
For completeness, it should be noted that CSS also has other methods to specify color values, such as RGBA, HSL, and HSLA. For more information regarding CSS colors, please refer to the CSS Specification: http://www.w3.org/TR/css3-color/
Comments
0 comments
Please sign in to leave a comment.