Painter resources
ResourceCard DefPainter
Colour and image keys of the DefPainter, as a custom resource map can override them.
- 118 colour values
- 151 images
Class: com.cc.framework.ui.painter.def.DefResourceMap
Colour keys
| Colour | Key | HTML | RGB | Colour name |
|---|---|---|---|---|
| button.color.bg | #FFFFFF | rgb(255,255,255) | white | |
| button.color.border | #005A6B | rgb(0,90,107) | – | |
| button.color.state.active | #005A6B | rgb(0,90,107) | – | |
| button.color.state.down | #84ADBD | rgb(132,173,189) | – | |
| button.color.state.hover | #FFA510 | rgb(255,165,16) | – | |
| button.color.state.inactive | #CECECE | rgb(206,206,206) | – | |
| button.color.text.active | #000000 | rgb(0,0,0) | black | |
| button.color.text.inactive | #CECECE | rgb(206,206,206) | – | |
| crumb.color.text.disabled | #AAAAAA | rgb(170,170,170) | – | |
| error.color.bg.body | #FFD3D3 | rgb(255,211,211) | – | |
| error.color.bg.header | #C7003C | rgb(199,0,60) | – | |
| error.color.border | #C7003C | rgb(199,0,60) | – | |
| error.color.text | #C7003C | rgb(199,0,60) | – | |
| form.color.bg | #DADFE0 | rgb(218,223,224) | – | |
| form.color.bg.field | #EFEFEF | rgb(239,239,239) | – | |
| form.color.bg.header | #005A6B | rgb(0,90,107) | – | |
| form.color.bg.label | #DADFE0 | rgb(218,223,224) | – | |
| form.color.bg.section | #A7C2C7 | rgb(167,194,199) | – | |
| form.color.border | #005A6B | rgb(0,90,107) | – | |
| form.color.border.item | #BDBDBD | rgb(189,189,189) | – | |
| form.color.border.section | #005A6B | rgb(0,90,107) | – | |
| form.color.text.caption | #FFFFFF | rgb(255,255,255) | white | |
| form.color.text.detail | #FFFFFF | rgb(255,255,255) | white | |
| form.color.text.header | #FFFFFF | rgb(255,255,255) | white | |
| form.color.text.section | #005A6B | rgb(0,90,107) | – | |
| head.color.bg | #DADFE0 | rgb(218,223,224) | – | |
| head.color.border | #005A6B | rgb(0,90,107) | – | |
| head.color.separator | #FFFFFF | rgb(255,255,255) | white | |
| header.color.border | #80ADBA | rgb(128,173,186) | – | |
| header.color.text.caption | #F57E17 | rgb(245,126,23) | – | |
| header.color.text.detail | #80ADBA | rgb(128,173,186) | – | |
| help.color.bg | #FFFFE1 | rgb(255,255,225) | – | |
| help.color.border | #000000 | rgb(0,0,0) | black | |
| help.color.text | #000000 | rgb(0,0,0) | black | |
| hmenu.color.bg | #B4CED4 | rgb(180,206,212) | – | |
| info.color.bg.body | #DCE8EB | rgb(220,232,235) | – | |
| info.color.bg.header | #A5C4CB | rgb(165,196,203) | – | |
| info.color.border | #A5C4CB | rgb(165,196,203) | – | |
| info.color.text | #005A6B | rgb(0,90,107) | – | |
| list.color.bg.INPUT | #FFFFFF | rgb(255,255,255) | white | |
| list.color.bg.body | #DADFE0 | rgb(218,223,224) | – | |
| list.color.bg.colheader | #80ADBA | rgb(128,173,186) | – | |
| list.color.bg.colheader1 | #80ADBA | rgb(128,173,186) | – | |
| list.color.bg.colheader2 | #80ADBA | rgb(128,173,186) | – | |
| list.color.bg.even | #EDEFF0 | rgb(237,239,240) | – | |
| list.color.bg.evens | #FFCC99 | rgb(255,204,153) | – | |
| list.color.bg.header | #005A6B | rgb(0,90,107) | – | |
| list.color.bg.odd | #FFFFFF | rgb(255,255,255) | white | |
| list.color.bg.odds | #FFCC99 | rgb(255,204,153) | – | |
| list.color.border.INPUT | #005A6B | rgb(0,90,107) | – | |
| list.color.border.body | #005A6B | rgb(0,90,107) | – | |
| list.color.text.A | #0000FF | rgb(0,0,255) | blue | |
| list.color.text.caption | #FFFFFF | rgb(255,255,255) | white | |
| list.color.text.colheader | #FFFFFF | rgb(255,255,255) | white | |
| list.color.text.colheader1 | #FFFFFF | rgb(255,255,255) | white | |
| list.color.text.colheader2 | #FFFFFF | rgb(255,255,255) | white | |
| list.color.text.detail | #FFFFFF | rgb(255,255,255) | white | |
| list.color.text.header | #FFFFFF | rgb(255,255,255) | white | |
| panel.color.bg.body | #DCE8EB | rgb(220,232,235) | – | |
| panel.color.bg.header | #C1D6DB | rgb(193,214,219) | – | |
| panel.color.border.body | #DCE8EB | rgb(220,232,235) | – | |
| panel.color.border.header | #FFFFFF | rgb(255,255,255) | white | |
| panel.color.item.border | #808080 | rgb(128,128,128) | gray | |
| panel.color.text.header | #005A6B | rgb(0,90,107) | – | |
| selection.color.bg | #FFA510 | rgb(255,165,16) | – | |
| severity.color.bg.body | #FFFFE7 | rgb(255,255,231) | – | |
| severity.color.bg.header | #808080 | rgb(128,128,128) | gray | |
| severity.color.border | #808080 | rgb(128,128,128) | gray | |
| severity.color.text | #000000 | rgb(0,0,0) | black | |
| tabbar.color.bg.disabled | #8D9DA1 | rgb(141,157,161) | – | |
| tabbar.color.bg.level1 | #EFEFEF | rgb(239,239,239) | – | |
| tabbar.color.bg.level2 | #DADFE0 | rgb(218,223,224) | – | |
| tabbar.color.bg.level3 | #C4C8C9 | rgb(196,200,201) | – | |
| tabbar.color.border | #005A6B | rgb(0,90,107) | – | |
| tabbar.color.text | #000000 | rgb(0,0,0) | black | |
| tabbar.color.text.sel | #000000 | rgb(0,0,0) | black | |
| tabbar.color.text.unsel | #FFFFFF | rgb(255,255,255) | white | |
| tabset.color.bg.disabled | #8D9DA1 | rgb(141,157,161) | – | |
| tabset.color.bg.level1 | #EFEFEF | rgb(239,239,239) | – | |
| tabset.color.bg.level2 | #DADFE0 | rgb(218,223,224) | – | |
| tabset.color.bg.level3 | #C4C8C9 | rgb(196,200,201) | – | |
| tabset.color.border | #005A6B | rgb(0,90,107) | – | |
| tabset.color.text | #000000 | rgb(0,0,0) | black | |
| tabset.color.text.sel | #000000 | rgb(0,0,0) | black | |
| tabset.color.text.unsel | #FFFFFF | rgb(255,255,255) | white | |
| tree.color.bg.even | #F3F4F5 | rgb(243,244,245) | – | |
| tree.color.bg.odd | #FFFFFF | rgb(255,255,255) | white | |
| tree.color.bg.sel | #FEA217 | rgb(254,162,23) | – | |
| tree.color.border | #DCE8EB | rgb(220,232,235) | – | |
| tree.color.text.A | #000000 | rgb(0,0,0) | black | |
| tree.color.text.A.sel | #FFFFFF | rgb(255,255,255) | white | |
| vmenu1.color.bg | #87B1BA | rgb(135,177,186) | – | |
| vmenu1.color.bg.disabled | #87B1BA | rgb(135,177,186) | – | |
| vmenu1.color.bg.sel | #87B1BA | rgb(135,177,186) | – | |
| vmenu1.color.border | #FFFFFF | rgb(255,255,255) | white | |
| vmenu1.color.text.A | #005A6B | rgb(0,90,107) | – | |
| vmenu1.color.text.A.sel | #005A6B | rgb(0,90,107) | – | |
| vmenu2.color.bg | #C1D6DB | rgb(193,214,219) | – | |
| vmenu2.color.bg.disabled | #C1D6DB | rgb(193,214,219) | – | |
| vmenu2.color.bg.sel | #FEA217 | rgb(254,162,23) | – | |
| vmenu2.color.border | #FFFFFF | rgb(255,255,255) | white | |
| vmenu2.color.text | #005A6B | rgb(0,90,107) | – | |
| vmenu2.color.text.A | #005A6B | rgb(0,90,107) | – | |
| vmenu2.color.text.A.sel | #FFFFFF | rgb(255,255,255) | white | |
| vmenu2.color.text.disabled | #808080 | rgb(128,128,128) | gray | |
| vmenu2.color.text.sel | #FFFFFF | rgb(255,255,255) | white | |
| vmenu3.color.bg | #FAE4C2 | rgb(250,228,194) | – | |
| vmenu3.color.bg.disabled | #FAE4C2 | rgb(250,228,194) | – | |
| vmenu3.color.bg.sel | #FAE4C2 | rgb(250,228,194) | – | |
| vmenu3.color.border | #FFFFFF | rgb(255,255,255) | white | |
| vmenu3.color.text | #000000 | rgb(0,0,0) | black | |
| vmenu3.color.text.A | #000000 | rgb(0,0,0) | black | |
| vmenu3.color.text.A.sel | #000000 | rgb(0,0,0) | black | |
| vmenu3.color.text.disabled | #808080 | rgb(128,128,128) | gray | |
| warning.color.bg.body | #FEEEA4 | rgb(254,238,164) | – | |
| warning.color.bg.header | #FAD00E | rgb(250,208,14) | – | |
| warning.color.border | #FAD00E | rgb(250,208,14) | – | |
| warning.color.text | #FAD00E | rgb(250,208,14) | – |
Images
Keys with {0} in the path are templates – the
framework substitutes the state of the building block there.
| Image | Key | Path | Size |
|---|---|---|---|
|
def.btn.ckall1 | fw/def/image/buttons/btnChkAll1.gif | 11 × 13 |
|
def.btn.collapse | fw/def/image/buttons/btnCollapse1.gif | 14 × 14 |
|
def.btn.create1 | fw/def/image/buttons/btnCreate1.gif | 15 × 15 |
|
def.btn.expand | fw/def/image/buttons/btnExpand1.gif | 14 × 14 |
|
def.btn.first1 | fw/def/image/buttons/btnFirst1.gif | 15 × 15 |
|
def.btn.first2 | fw/def/image/buttons/btnFirst2.gif | 15 × 15 |
|
def.btn.last1 | fw/def/image/buttons/btnLast1.gif | 15 × 15 |
|
def.btn.last2 | fw/def/image/buttons/btnLast2.gif | 15 × 15 |
|
def.btn.next1 | fw/def/image/buttons/btnNext1.gif | 15 × 15 |
|
def.btn.next2 | fw/def/image/buttons/btnNext2.gif | 15 × 15 |
|
def.btn.prev1 | fw/def/image/buttons/btnPrev1.gif | 15 × 15 |
|
def.btn.prev2 | fw/def/image/buttons/btnPrev2.gif | 15 × 15 |
|
def.btn.refresh1 | fw/def/image/buttons/btnRefresh1.gif | 15 × 15 |
|
def.btn.sortable | fw/def/image/buttons/btnSortable1.gif | 11 × 13 |
|
def.btn.sortasc | fw/def/image/buttons/btnSortUp1.gif | 11 × 13 |
|
def.btn.sortdesc | fw/def/image/buttons/btnSortDown1.gif | 11 × 13 |
|
def.btn.tabbar.more.empty | fw/def/image/tab/tabMoreL_empty.gif | 9 × 11 |
|
def.btn.tabbar.more.next | fw/def/image/tab/tabMoreR.gif | 9 × 10 |
|
def.btn.tabbar.more.prev | fw/def/image/tab/tabMoreL.gif | 9 × 11 |
|
def.btn.tabbar.next1 | fw/def/image/tab/btnArrow_right1.gif | 15 × 15 |
|
def.btn.tabbar.next2 | fw/def/image/tab/btnArrow_right2.gif | 15 × 15 |
|
def.btn.tabbar.prev1 | fw/def/image/tab/btnArrow_left1.gif | 15 × 15 |
|
def.btn.tabbar.prev2 | fw/def/image/tab/btnArrow_left2.gif | 15 × 15 |
|
|
def.btn.tabset.more.empty | fw/def/image/tab/tabMoreL_empty.gif | 9 × 11 |
|
|
def.btn.tabset.more.next | fw/def/image/tab/tabMoreR.gif | 9 × 10 |
|
|
def.btn.tabset.more.prev | fw/def/image/tab/tabMoreL.gif | 9 × 11 |
|
|
def.btn.tabset.next1 | fw/def/image/tab/btnArrow_right1.gif | 15 × 15 |
|
|
def.btn.tabset.next2 | fw/def/image/tab/btnArrow_right2.gif | 15 × 15 |
|
|
def.btn.tabset.prev1 | fw/def/image/tab/btnArrow_left1.gif | 15 × 15 |
|
|
def.btn.tabset.prev2 | fw/def/image/tab/btnArrow_left2.gif | 15 × 15 |
|
def.btn.unchkall1 | fw/def/image/buttons/btnUnchkAll1.gif | 11 × 13 |
|
def.cb.chk | fw/def/image/check/15/cb1.gif | 15 × 15 |
|
|
def.cb.chk@15 | fw/def/image/check/15/cb1.gif | 15 × 15 |
|
def.cb.chk@20 | fw/def/image/check/20/cb1.gif | 20 × 20 |
|
def.cb.inv@15 | fw/def/image/check/15/cb.gif | 15 × 15 |
|
def.cb.inv@20 | fw/def/image/check/20/cb.gif | 20 × 20 |
|
def.cb.na@15 | fw/def/image/check/15/cb2.gif | 15 × 15 |
|
def.cb.na@20 | fw/def/image/check/20/cb2.gif | 20 × 20 |
|
def.cb.none@15 | fw/def/image/spacer.gif | 15 × 15 |
|
|
def.cb.none@20 | fw/def/image/spacer.gif | 20 × 20 |
|
def.cb.unchk | fw/def/image/check/15/cb0.gif | 15 × 15 |
|
|
def.cb.unchk@15 | fw/def/image/check/15/cb0.gif | 15 × 15 |
|
def.cb.unchk@20 | fw/def/image/check/20/cb0.gif | 20 × 20 |
|
def.cor.form.left | fw/def/image/corners/l.gif | 10 × 17 |
| – | def.cor.form.leftc | fw/def/image/corners/l_{0}.gif template | 10 × 17 |
|
def.cor.form.right | fw/def/image/corners/r.gif | 10 × 17 |
| – | def.cor.form.rightc | fw/def/image/corners/r_{0}.gif template | 10 × 17 |
|
|
def.cor.form.search.left | fw/def/image/corners/l.gif | 10 × 17 |
|
|
def.cor.form.search.right | fw/def/image/corners/r.gif | 10 × 17 |
|
def.cor.panel.bottom.left | fw/def/image/corners/bl.gif | 10 × 8 |
|
def.cor.panel.bottom.right | fw/def/image/corners/br.gif | 10 × 8 |
|
|
def.cor.panel.top.left | fw/def/image/corners/l.gif | 10 × 17 |
|
|
def.cor.panel.top.right | fw/def/image/corners/r.gif | 10 × 17 |
|
|
def.cor.table.left | fw/def/image/corners/l.gif | 10 × 17 |
|
|
def.cor.table.right | fw/def/image/corners/r.gif | 10 × 17 |
|
def.cr._s | fw/def/image/crumbs/_s.gif | 9 × 18 |
|
def.cr._u | fw/def/image/crumbs/_u.gif | 9 × 18 |
|
def.cr.s | fw/def/image/crumbs/s_bg.gif | 1 × 18 |
|
def.cr.s_ | fw/def/image/crumbs/s_.gif | 19 × 18 |
|
def.cr.ss | fw/def/image/crumbs/ss.gif | 27 × 18 |
|
def.cr.su | fw/def/image/crumbs/su.gif | 27 × 18 |
|
def.cr.u | fw/def/image/crumbs/u_bg.gif | 1 × 18 |
|
def.cr.u_ | fw/def/image/crumbs/u_.gif | 19 × 18 |
|
def.cr.us | fw/def/image/crumbs/us.gif | 27 × 18 |
|
def.cr.uu | fw/def/image/crumbs/uu.gif | 27 × 18 |
| – | def.img.dotc | fw/def/image/dots/dot_{0}.gif template | 5 × 5 |
|
def.img.err | fw/def/image/error.gif | 12 × 25 |
|
def.img.errin | fw/def/image/errInput.gif | 16 × 16 |
|
def.img.hand | fw/def/image/imgHandRight.gif | 43 × 22 |
|
def.img.hdrbot | fw/def/image/headerbottom.gif | 9 × 17 |
|
def.img.hdrtop | fw/def/image/headertop.gif | 9 × 17 |
|
def.img.help | fw/def/image/help.gif | 15 × 15 |
|
def.img.inf | fw/def/image/info.gif | 14 × 23 |
|
def.img.link.external | fw/def/image/lnkExternal.gif | 12 × 9 |
|
def.img.mag | fw/def/image/magnifier.gif | 20 × 20 |
|
def.img.msgin | fw/def/image/msgInput.gif | 16 × 16 |
|
def.img.required | fw/def/image/required.gif | 9 × 13 |
|
def.img.sev.err | fw/def/image/severity/imgError13x13.gif | 13 × 13 |
|
def.img.sev.fatal | fw/def/image/severity/imgFatal13x13.gif | 13 × 13 |
|
def.img.sev.inf | fw/def/image/severity/imgInfo13x13.gif | 13 × 13 |
|
def.img.sev.none | fw/def/image/severity/imgNone13x13.gif | 13 × 13 |
|
def.img.sev.qest | fw/def/image/severity/imgQuestion13x13.gif | 13 × 13 |
|
def.img.sev.warn | fw/def/image/severity/imgWarning13x13.gif | 13 × 13 |
|
def.img.warn | fw/def/image/warning.gif | 12 × 25 |
|
def.rb.chk | fw/def/image/check/15/radio1.gif | 15 × 15 |
|
def.rb.unchk | fw/def/image/check/15/radio0.gif | 15 × 15 |
|
def.tab.bg | fw/def/image/tab/tab.gif | 1 × 19 |
| – | def.tab.bgc | fw/def/image/tab/tabBgSel_{0}.gif template | 1 × 19 |
|
def.tab.disbg | fw/def/image/tab/tabDisBg.gif | 1 × 19 |
|
def.tab.disl | fw/def/image/tab/tabDisL.gif | 8 × 19 |
|
def.tab.disr | fw/def/image/tab/tabDisR.gif | 10 × 19 |
| – | def.tab.lc | fw/def/image/tab/tabLSel_{0}.gif template | 10 × 19 |
| – | def.tab.rc | fw/def/image/tab/tabRSel_{0}.gif template | 11 × 19 |
|
def.tab.unselbg | fw/def/image/tab/tabBg.gif | 1 × 19 |
|
def.tab.unsell | fw/def/image/tab/tabL.gif | 8 × 19 |
|
def.tab.unselr | fw/def/image/tab/tabR.gif | 10 × 19 |
|
|
def.tabbar.bg | fw/def/image/tab/tab.gif | 1 × 19 |
| – | def.tabbar.bgc | fw/def/image/tab/tabBgSel_{0}.gif template | 1 × 19 |
|
|
def.tabbar.disbg | fw/def/image/tab/tabDisBg.gif | 1 × 19 |
|
|
def.tabbar.disl | fw/def/image/tab/tabDisL.gif | 8 × 19 |
|
|
def.tabbar.disr | fw/def/image/tab/tabDisR.gif | 10 × 19 |
| – | def.tabbar.lc | fw/def/image/tab/tabLSel_{0}.gif template | 10 × 19 |
| – | def.tabbar.rc | fw/def/image/tab/tabRSel_{0}.gif template | 11 × 19 |
|
|
def.tabbar.unselbg | fw/def/image/tab/tabBg.gif | 1 × 19 |
|
|
def.tabbar.unsell | fw/def/image/tab/tabL.gif | 8 × 19 |
|
|
def.tabbar.unselr | fw/def/image/tab/tabR.gif | 10 × 19 |
|
def.tbtn.bg.left1 | fw/def/image/buttons/btnTxtBgL1.gif | 16 × 17 |
|
def.tbtn.bg.middle1 | fw/def/image/buttons/btnTxtBgM1.gif | 15 × 17 |
|
def.tbtn.bg.right1 | fw/def/image/buttons/btnTxtBgR1.gif | 8 × 17 |
|
def.tree.closed@15 | fw/def/image/tree/15/folderClosed.gif | 15 × 15 |
|
def.tree.closed@20 | fw/def/image/tree/20/folderClosed.gif | 16 × 16 |
|
def.tree.item@15 | fw/def/image/tree/15/item.gif | 15 × 15 |
|
def.tree.item@20 | fw/def/image/tree/20/item.gif | 16 × 16 |
|
def.tree.ol10@15 | fw/def/image/tree/15/10.gif | 15 × 15 |
|
def.tree.ol10@20 | fw/def/image/tree/20/10.gif | 20 × 20 |
|
def.tree.ol12@15 | fw/def/image/tree/15/12.gif | 15 × 15 |
|
def.tree.ol12@20 | fw/def/image/tree/20/12.gif | 20 × 20 |
|
def.tree.ol14@15 | fw/def/image/tree/15/14.gif | 15 × 15 |
|
def.tree.ol14@20 | fw/def/image/tree/20/14.gif | 20 × 20 |
|
def.tree.ol16@15 | fw/def/image/tree/15/16.gif | 15 × 15 |
|
def.tree.ol16@20 | fw/def/image/tree/20/16.gif | 20 × 20 |
|
def.tree.ol18@15 | fw/def/image/tree/15/18.gif | 15 × 15 |
|
def.tree.ol18@20 | fw/def/image/tree/20/18.gif | 20 × 20 |
|
def.tree.ol26@15 | fw/def/image/tree/15/26.gif | 15 × 15 |
|
def.tree.ol26@20 | fw/def/image/tree/20/26.gif | 20 × 20 |
|
def.tree.ol2@15 | fw/def/image/tree/15/2.gif | 15 × 15 |
|
def.tree.ol2@20 | fw/def/image/tree/20/2.gif | 20 × 20 |
|
def.tree.ol30@15 | fw/def/image/tree/15/30.gif | 15 × 15 |
|
def.tree.ol30@20 | fw/def/image/tree/20/30.gif | 20 × 20 |
|
def.tree.ol32@15 | fw/def/image/tree/15/32.gif | 15 × 15 |
|
def.tree.ol32@20 | fw/def/image/tree/20/32.gif | 20 × 20 |
|
def.tree.ol34@15 | fw/def/image/tree/15/34.gif | 15 × 15 |
|
def.tree.ol34@20 | fw/def/image/tree/20/34.gif | 20 × 20 |
|
def.tree.ol42@15 | fw/def/image/tree/15/42.gif | 15 × 15 |
|
def.tree.ol42@20 | fw/def/image/tree/20/42.gif | 20 × 20 |
|
def.tree.ol46@15 | fw/def/image/tree/15/46.gif | 15 × 15 |
|
def.tree.ol46@20 | fw/def/image/tree/20/46.gif | 20 × 20 |
|
def.tree.ol@15 | fw/def/image/tree/15/0.gif | 15 × 15 |
|
def.tree.ol@20 | fw/def/image/tree/20/0.gif | 20 × 20 |
|
def.tree.open@15 | fw/def/image/tree/15/folderOpen.gif | 15 × 15 |
|
def.tree.open@20 | fw/def/image/tree/20/folderOpen.gif | 16 × 16 |
|
ico.add | fw/def/image/icons/add.gif | 16 × 16 |
|
ico.check | fw/def/image/icons/check.gif | 16 × 16 |
|
ico.checked | fw/def/image/icons/checked.gif | 16 × 16 |
|
ico.delete | fw/def/image/icons/delete.gif | 16 × 16 |
|
ico.edit | fw/def/image/icons/edit.gif | 16 × 16 |
|
ico.insert | fw/def/image/icons/insert.gif | 16 × 15 |
|
ico.select | fw/def/image/icons/select.gif | 15 × 15 |
|
img.bullet | fw/def/image/bullet.gif | 6 × 15 |
|
img.separator | fw/def/image/separator.gif | 8 × 1 |
|
|
img.spacer | fw/def/image/spacer.gif | 1 × 1 |
Next
Other painter resources
Color palette DefaultPainter
Every colour of the standard design – the palette and how it maps to the individual building blocks.
Color palette DefaultPainter2
The same system in the second style variation of the standard design.
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.