Colors
This section contains the complete list of colors allowed for SAP applications running on PDAs. These colors have been chosen based upon the mySAP CRM and Enterprise Portal palettes, with some minor adjustments for better display on mobile devices.
|
Usage
|
Hex Value
|
Color
|
|---|---|---|
|
General
|
||
|
These colors apply to all elements except when specified
otherwise.
|
||
| Border |
#003366
|
|
| Background |
#FFFFFF
|
|
| Text |
#000000
|
|
| Standard link |
#225A8D
|
|
| Visited link |
#756183
|
|
| Active link |
#FF9A00
|
|
| Disabled link |
#999999
|
|
|
Navigation Bar
|
||
| Separation line |
#FF9A00
|
|
|
Page Header
|
||
| Header |
#003366
|
|
| Text |
#FFFFFF
|
|
|
Tab Strip
|
||
| 1 pix border on top |
#DCE3EC
|
|
| Active tab; Inactive tab text; 2 pix separator border |
#225A8D
|
|
| Inactive and disabled tabs |
#CBD5E1
|
|
| Active tab text |
#FFFFFF
|
|
| Disabled tab text |
#79818D
|
|
|
Group Box
|
||
| Header and footer |
#DCE3EC
|
|
|
List Table
|
||
| Header and footer |
#CBD5E1
|
|
| Column header |
#DCE3EC
|
|
| Alternating row |
#E9EEF4
|
|
| Cell border |
#909CAE
|
|
| Marked borders |
#FF9A00
|
|
|
Semantic Backgrounds
|
||
|
These colors are used to emphasize certain rows (for example, subtotals and totals) or grouping within table entries. Limit the number of colors used to a minimum and, to accommodate colorblind users, make sure that they are not the only means of conveying information. |
||
| Group level 1 |
#90AEEE
|
|
| Group level 2 |
#AEC4F2
|
|
| Group level 3 |
#CCDAF6
|
|
| Total |
#FFF605
|
|
| Subtotal |
#FFFB8C
|
|
| Positive |
#AACDA1
|
|
| Negative |
#F66767
|
|
|
Fields
|
||
| Required field indicator; Error indicator |
#D0001D
|
|
|
Date Navigator
|
||
| Header and footer; inactive month tab |
#CBD5E1
|
|
| Active month tab; inactive month text; current day border |
#225A8D
|
|
| Active tab text; column and row header borders |
#FFFFFF
|
|
| Column header (week numbers and days); day cell borders |
#DCE3EC
|
|
| Previous month and next month cell |
#E9EEF4
|
|
|
The following colors can be used to highlight specific days (for example weekends and holidays). They are independent of the semantic colors used in the table, but green and red should be used with care since they generally represent positive and negative. |
||
| Emphasized cell color 1 | #BBDDDD | |
| Emphasized cell color 2 | #FFFB8C | |
| Emphasized cell color 3 | #AACDA1 | |
| Emphasized cell color 4 | #F66767 | |
| Emphasized cell color 5 | #FDBB71 | |
