Painter resources
Color palette DefaultPainter2
The same system in the second style variation of the standard design.
- 159 colour values
- Built with v1.5.014
Colour palette
| Colour | No. | HTML | RGB | Colour name |
|---|---|---|---|---|
| 1 | #000000 | rgb(0,0,0) | black | |
| 2 | #0000FF | rgb(0,0,255) | blue | |
| 3 | #004882 | rgb(0,72,130) | – | |
| 4 | #1E5C99 | rgb(30,92,153) | – | |
| 5 | #6384BD | rgb(99,132,189) | – | |
| 6 | #789DBA | rgb(120,157,186) | – | |
| 7 | #808080 | rgb(128,128,128) | gray | |
| 8 | #8D9DA1 | rgb(141,157,161) | – | |
| 9 | #9CB9D0 | rgb(156,185,208) | – | |
| 10 | #A5C4CB | rgb(165,196,203) | – | |
| 11 | #AAAAAA | rgb(170,170,170) | – | |
| 12 | #B4CED4 | rgb(180,206,212) | – | |
| 13 | #B8CBE1 | rgb(184,203,225) | – | |
| 14 | #BDBDBD | rgb(189,189,189) | – | |
| 15 | #C2E2FF | rgb(194,226,255) | – | |
| 16 | #C4C8C9 | rgb(196,200,201) | – | |
| 17 | #C7003C | rgb(199,0,60) | – | |
| 18 | #CCDAEA | rgb(204,218,234) | – | |
| 19 | #CFE1EB | rgb(207,225,235) | – | |
| 20 | #DCE8EB | rgb(220,232,235) | – | |
| 21 | #E7EEF3 | rgb(231,238,243) | – | |
| 22 | #EDEFF0 | rgb(237,239,240) | – | |
| 23 | #EFEFEF | rgb(239,239,239) | – | |
| 24 | #F3F4F5 | rgb(243,244,245) | – | |
| 25 | #F57E17 | rgb(245,126,23) | – | |
| 26 | #F8FAFB | rgb(248,250,251) | – | |
| 27 | #FAD00E | rgb(250,208,14) | – | |
| 28 | #FAE4C2 | rgb(250,228,194) | – | |
| 29 | #FEA217 | rgb(254,162,23) | – | |
| 30 | #FEEEA4 | rgb(254,238,164) | – | |
| 31 | #FFCC99 | rgb(255,204,153) | – | |
| 32 | #FFD3D3 | rgb(255,211,211) | – | |
| 33 | #FFFFE1 | rgb(255,255,225) | – | |
| 34 | #FFFFE7 | rgb(255,255,231) | – | |
| 35 | #FFFFFF | rgb(255,255,255) | white |
Generic: Selection
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| selection.color.bg | Background color | #FEA217 | rgb(254,162,23) |
Forms: Formulare
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| form.color.bg | Background color | #CFE1EB | rgb(207,225,235) | |
| form.color.bg.field | Background field | #EFEFEF | rgb(239,239,239) | |
| form.color.bg.header | Background caption | #1E5C99 | rgb(30,92,153) | |
| form.color.bg.label | Background label | #CFE1EB | rgb(207,225,235) | |
| form.color.bg.section | Background section | #9CB9D0 | rgb(156,185,208) | |
| form.color.border | Border | #1E5C99 | rgb(30,92,153) | |
| form.color.border.item | Border row | #BDBDBD | rgb(189,189,189) | |
| form.color.border.section | Border section | #1E5C99 | rgb(30,92,153) | |
| form.color.text.caption | Text color caption | #FFFFFF | rgb(255,255,255) | |
| form.color.text.detail | Text color detail | #FFFFFF | rgb(255,255,255) | |
| form.color.text.header | Text color header | #FFFFFF | rgb(255,255,255) | |
| form.color.text.section | Text color section | #1E5C99 | rgb(30,92,153) |
Forms: Error form
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| error.color.bg.body | Background body | #FFD3D3 | rgb(255,211,211) | |
| error.color.bg.header | Background caption | #C7003C | rgb(199,0,60) | |
| error.color.border | Border color | #C7003C | rgb(199,0,60) | |
| error.color.text | Text color | #C7003C | rgb(199,0,60) |
Forms: Warning form
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| warning.color.bg.body | Background body | #FEEEA4 | rgb(254,238,164) | |
| warning.color.bg.header | Background caption | #FAD00E | rgb(250,208,14) | |
| warning.color.border | Border color | #FAD00E | rgb(250,208,14) | |
| warning.color.text | Text color | #FAD00E | rgb(250,208,14) |
Forms: Message form
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| info.color.bg.body | Background body | #DCE8EB | rgb(220,232,235) | |
| info.color.bg.header | Background caption | #A5C4CB | rgb(165,196,203) | |
| info.color.border | Border color | #A5C4CB | rgb(165,196,203) | |
| info.color.text | Text color | #1E5C99 | rgb(30,92,153) |
Forms: Help
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| help.color.bg | Background | #FFFFE1 | rgb(255,255,225) | |
| help.color.border | Border | #000000 | rgb(0,0,0) | |
| help.color.text | Text | #000000 | rgb(0,0,0) |
Forms: Severity form
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| severity.color.bg.body | Background body | #FFFFE7 | rgb(255,255,231) | |
| severity.color.bg.header | Background caption | #808080 | rgb(128,128,128) | |
| severity.color.border | Border color | #808080 | rgb(128,128,128) | |
| severity.color.text | Text color | #000000 | rgb(0,0,0) |
Forms: Header Form
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| head.color.bg | Background | #CFE1EB | rgb(207,225,235) | |
| head.color.border | Border color | #1E5C99 | rgb(30,92,153) | |
| head.color.separator | Separator | #FFFFFF | rgb(255,255,255) |
Controls: Horizontal Menu
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| hmenu.color.bg | Background | #B4CED4 | rgb(180,206,212) |
Controls: Vertical menu level 1
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| vmenu1.color.bg | Background level 1 | #9CB9D0 | rgb(156,185,208) | |
| vmenu1.color.bg.disabled | Background level 1 disabled | #9CB9D0 | rgb(156,185,208) | |
| vmenu1.color.bg.sel | Background level 1 selected | #9CB9D0 | rgb(156,185,208) | |
| vmenu1.color.border | Border level 1 | #FFFFFF | rgb(255,255,255) | |
| vmenu1.color.text.A | Text hyperlink level 1 | #1E5C99 | rgb(30,92,153) | |
| vmenu1.color.text.A.sel | Text hyperlink level 1 selected | #1E5C99 | rgb(30,92,153) | |
| vmenu1.color.text.disabled | Text level 1 disabled | #CCDAEA | rgb(204,218,234) |
Controls: Vertical menu level 2
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| vmenu2.color.bg | Background level 2 | #CCDAEA | rgb(204,218,234) | |
| vmenu2.color.bg.disabled | Background level 2 disabled | #CCDAEA | rgb(204,218,234) | |
| vmenu2.color.bg.sel | Background level 2 selected | #FEA217 | rgb(254,162,23) | |
| vmenu2.color.border | Border level 2 | #FFFFFF | rgb(255,255,255) | |
| vmenu2.color.text | Text level 2 | #1E5C99 | rgb(30,92,153) | |
| vmenu2.color.text.A | Text hyperlink level 2 | #1E5C99 | rgb(30,92,153) | |
| vmenu2.color.text.A.sel | Text hyperlink level 2 selected | #FFFFFF | rgb(255,255,255) | |
| vmenu2.color.text.disabled | Text level 2 disabled | #808080 | rgb(128,128,128) | |
| vmenu2.color.text.sel | Text level 2 selected | #FFFFFF | rgb(255,255,255) |
Controls: Vertical menu level 3
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| vmenu3.color.bg | Background level 3 | #FAE4C2 | rgb(250,228,194) | |
| vmenu3.color.bg.disabled | Background level 3 disabled | #FAE4C2 | rgb(250,228,194) | |
| vmenu3.color.bg.sel | Background level 3 selected | #FAE4C2 | rgb(250,228,194) | |
| vmenu3.color.border | Border level 3 | #FFFFFF | rgb(255,255,255) | |
| vmenu3.color.text | Text level 3 | #000000 | rgb(0,0,0) | |
| vmenu3.color.text.A | Text hyperlink level 3 | #000000 | rgb(0,0,0) | |
| vmenu3.color.text.A.sel | Text hyperlink level 3 selected | #000000 | rgb(0,0,0) | |
| vmenu3.color.text.disabled | Text level 3 disabled | #808080 | rgb(128,128,128) |
Controls: Liste
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| list.color.bg.INPUT | Background input field | #FFFFFF | rgb(255,255,255) | |
| list.color.bg.body | Background body | #CFE1EB | rgb(207,225,235) | |
| list.color.bg.colheader | Background column header (level 0) | #6384BD | rgb(99,132,189) | |
| list.color.bg.colheader1 | Background column header (level 1) | #6384BD | rgb(99,132,189) | |
| list.color.bg.colheader2 | Background column header (level 2) | #6384BD | rgb(99,132,189) | |
| list.color.bg.even | Background even Rows | #EDEFF0 | rgb(237,239,240) | |
| list.color.bg.evens | Background even Rows selected | #FFCC99 | rgb(255,204,153) | |
| list.color.bg.header | Background header | #1E5C99 | rgb(30,92,153) | |
| list.color.bg.odd | Background odd Rows | #FFFFFF | rgb(255,255,255) | |
| list.color.bg.odds | Background odd Rows selected | #FFCC99 | rgb(255,204,153) | |
| list.color.border.INPUT | Border input field | #1E5C99 | rgb(30,92,153) | |
| list.color.border.body | Border body | #1E5C99 | rgb(30,92,153) | |
| list.color.text.A | Text color Hyperlink | #0000FF | rgb(0,0,255) | |
| list.color.text.caption | Text color caption | #FFFFFF | rgb(255,255,255) | |
| list.color.text.colheader | Text colot column label (level 0) | #FFFFFF | rgb(255,255,255) | |
| list.color.text.colheader1 | Text colot column label (level 1) | #FFFFFF | rgb(255,255,255) | |
| list.color.text.colheader2 | Text colot column label (level 2) | #FFFFFF | rgb(255,255,255) | |
| list.color.text.detail | Text color detail text | #FFFFFF | rgb(255,255,255) | |
| list.color.text.header | Text color header | #FFFFFF | rgb(255,255,255) |
Controls: Tree
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| tree.color.bg.even | Background even row | #F3F4F5 | rgb(243,244,245) | |
| tree.color.bg.odd | Background odd row | #FFFFFF | rgb(255,255,255) | |
| tree.color.bg.sel | Background selected row | #FEA217 | rgb(254,162,23) | |
| tree.color.border | Border row | #DCE8EB | rgb(220,232,235) | |
| tree.color.text.A | Text color hyperlink | #000000 | rgb(0,0,0) | |
| tree.color.text.A.sel | Text color hyperlink selected row | #FFFFFF | rgb(255,255,255) |
Controls: Tabset
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| tabset.color.bg.disabled | Background inactiv Tab | #8D9DA1 | rgb(141,157,161) | |
| tabset.color.bg.level1 | Background level 1 | #EFEFEF | rgb(239,239,239) | |
| tabset.color.bg.level2 | Background level 2 | #CFE1EB | rgb(207,225,235) | |
| tabset.color.bg.level3 | Background level 3 | #C4C8C9 | rgb(196,200,201) | |
| tabset.color.border | Border | #1E5C99 | rgb(30,92,153) | |
| tabset.color.text | Text color | #000000 | rgb(0,0,0) | |
| tabset.color.text.sel | Text selected Tab | #000000 | rgb(0,0,0) | |
| tabset.color.text.unsel | Text unselected Tab | #FFFFFF | rgb(255,255,255) |
Controls: Tabbar
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| tabbar.color.bg.disabled | Background inactiv Tab | #8D9DA1 | rgb(141,157,161) | |
| tabbar.color.bg.level1 | Background level 1 | #EFEFEF | rgb(239,239,239) | |
| tabbar.color.bg.level2 | Background level 2 | #CFE1EB | rgb(207,225,235) | |
| tabbar.color.bg.level3 | Background level 3 | #C4C8C9 | rgb(196,200,201) | |
| tabbar.color.border | Border | #1E5C99 | rgb(30,92,153) | |
| tabbar.color.text | Text color | #000000 | rgb(0,0,0) | |
| tabbar.color.text.sel | Text selected Tab | #000000 | rgb(0,0,0) | |
| tabbar.color.text.unsel | Text unselected Tab | #FFFFFF | rgb(255,255,255) |
Controls: Header
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| header.color.border | Border | #6384BD | rgb(99,132,189) | |
| header.color.text.caption | Text caption | #F57E17 | rgb(245,126,23) | |
| header.color.text.detail | Text detail | #6384BD | rgb(99,132,189) |
Controls: Panel
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| panel.color.bg.body | Background body | #E7EEF3 | rgb(231,238,243) | |
| panel.color.bg.header | Background header | #B8CBE1 | rgb(184,203,225) | |
| panel.color.border.body | border body | #E7EEF3 | rgb(231,238,243) | |
| panel.color.border.header | Border header | #FFFFFF | rgb(255,255,255) | |
| panel.color.item.border | Item border | #808080 | rgb(128,128,128) | |
| panel.color.text.header | Text header | #004882 | rgb(0,72,130) |
Controls: Crumb
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| crumb.color.text.disabled | Disabled text | #AAAAAA | rgb(170,170,170) |
Buttons
| Colour | Key | Meaning | HTML | RGB |
|---|---|---|---|---|
| button.color.bg | Background | #FFFFFF | rgb(255,255,255) | |
| button.color.border | Border | #004882 | rgb(0,72,130) | |
| button.color.border.inactive | Border inactiv button | #9CB9D0 | rgb(156,185,208) | |
| button.color.pattern.active | Pattern activ (State id = 1) | #C2E2FF | rgb(194,226,255) | |
| button.color.pattern.down | Pattern down (State id = 4) | #004882 | rgb(0,72,130) | |
| button.color.pattern.hover | Pattern hover (State id = 3) | #004882 | rgb(0,72,130) | |
| button.color.pattern.inactive | Pattern inactiv (State id = 2) | #004882 | rgb(0,72,130) | |
| button.color.state.active | State activ (State id = 1) | #004882 | rgb(0,72,130) | |
| button.color.state.down | State down (State id = 4) | #789DBA | rgb(120,157,186) | |
| button.color.state.hover | State hover (State id = 3) | #FEA217 | rgb(254,162,23) | |
| button.color.state.inactive | State inactiv (State id = 2) | #F8FAFB | rgb(248,250,251) | |
| button.color.text.active | Button label | #004882 | rgb(0,72,130) | |
| button.color.text.inactive | Button label inactiv button | #9CB9D0 | rgb(156,185,208) |
Next
Other painter resources
Color palette DefaultPainter
Every colour of the standard design – the palette and how it maps to the individual building blocks.
ResourceCard DefPainter
Colour and image keys of the DefPainter, as a custom resource map can override them.
ResourceCard Def2Painter
Colour and image keys of the second style variation.
ResourceCard GlobalPainter
The common basis shared by all painters.
ResourceCard HTMLPainter
Image keys of the HTMLPainter for plain output without a design of its own.