Colors
When providing a value for style attributes that define color, you can specify a generic color name or its RGB value.
This section describes how to specify a value for style attributes
defining colors, such as textColor
.
Syntax
{
generic-color |
#rrggbb }
- generic-color is any of the predefined colors supported by the language.
- #rrggbb is a numerical color defined by a red/green/blue specification.
Usage
In most cases it is not possible to know what a potential end-user might expect
regarding the font family. Therefore, avoid using explicit font families in your
application and use only the fontWeight
/fontStyle
/fontSize
properties. A specific font family is used only if the client cannot determine a
proper default font family for the desired platform.
The language defines a set of generic color names, interpreted by the front-end depending on the graphical capability of the workstation.
RGB notation
When a predefined color is not what you require, you can specify the exact color with
the RGB notation, starting with a # hash
character: <Style name="Edit.mandatory">
<StyleAttribute name="textColor" value="#50AEFF" />
</Style>
Each value of the RGB color specification must be provided in hexadecimal, in the range [00-FF].
GBC System Colors
The next table lists the system colors names that can be used in a color style attribute. Note
that the corresponding GBC theme variable gets the same name as the system color, with the
"$gbc-genero-"
prefix:
System color name | GBC Theme Variable | Description |
---|---|---|
appWorkSpace |
$gbc-genero-appWorkSpace |
Same as window . |
background |
$gbc-genero-background |
Background color. |
buttonFace |
$gbc-genero-buttonFace |
Button background color. |
buttonText |
$gbc-genero-buttonText |
Text color of buttons. |
grayText |
$gbc-genero-grayText |
Grayed (disabled) text. |
highLight |
$gbc-genero-highLight |
Background color of row(s) selected in a array. |
highLightText |
$gbc-genero-highLightText |
Text color of row(s) selected in a array. |
infoBackground |
$gbc-genero-infoBackground |
N/A (same as window ) |
infoText |
$gbc-genero-infoText |
N/A (same as windowText ) |
systemAlternateBackground |
$gbc-genero-systemAlternateBackground |
Background color of the alternate row in array. |
window |
$gbc-genero-window |
Window background color. |
windowText |
$gbc-genero-windowText |
Text in windows. |
For information about the colors used for the current GBC theme, see the Genero Browser Client User Guide.
Generic color names
Use generic color names, to keep your style definitions portable across several front-end types.
Generic color name | Visual result (1) | RGB value |
---|---|---|
black |
|
#000000 |
blue |
|
#0000FF |
cyan |
|
#00FFFF |
darkBlue |
|
#00008B |
darkCyan |
|
#008B8B |
darkGray |
|
#A9A9A9 |
darkGreen |
|
#006400 |
darkMagenta |
|
#8B008B |
darkOlive |
|
#505000 |
darkOrange |
|
#FF8C00 |
darkRed |
|
#8B0000 |
darkTeal |
|
#005050 |
darkYellow |
|
#AAAA00 |
gray |
|
#808080 |
green |
|
#008000 |
lightBlue |
|
#ADD8E6 |
lightCyan |
|
#E0FFFF |
lightGray |
|
#D3D3D3 |
lightGreen |
|
#90EE90 |
lightMagenta |
|
#FFC0FF |
lightOlive |
|
#AAAA44 |
lightOrange |
|
#FFCC00 |
lightRed |
|
#FF8080 |
lightTeal |
|
#33CCCC |
lightYellow |
|
#FFFFE0 |
magenta |
|
#FF00FF |
olive |
|
#808000 |
orange |
|
#FFA500 |
red |
|
#FF0000 |
teal |
|
#008080 |
white |
|
#FFFFFF |
yellow |
|
#FFFF00 |
Example
<StyleAttribute name="textColor" value="blue" />
<StyleAttribute name="textColor" value="#00FF45" />