Reference · SVG faces and looks
blockColoursfunction
The colours of a design's blocks, from its own: the back plate is colours.body (the green of most real tiles unless
the design says another, or the caller's body), the ivory layer a shade of the face, and the seam round the face is the design's rim if it
stands out from the face, otherwise a line that does: darker on a light face, lighter on a dark one.
Import it
import { blockColours } from "@johnmorrisdotca/jarajara/faces";
Definition
function blockColours(design?: TileDesign, body?: string): BlockColours
Parameters
| Name | Type | Description |
|---|---|---|
design (optional) | TileDesign | undefined | The optional tile artwork design. |
body (optional) | string | undefined | An optional body-colour override. |
Returns
BlockColours
The colours of a design's blocks, from its own: the back plate is colours.body (the green of most real tiles unless the design says another, or the caller's body), the ivory layer a shade of the face, and the seam round the face is the design's rim if it stands out from the face, otherwise a line that does: darker on a light face, lighter on a dark one.
Examples
import { blockColours } from "@johnmorrisdotca/jarajara/faces";
console.log(blockColours());{
lip: '#e8e6e0',
lipEdge: '#adaca7',
body: '#3a8a68',
bodyEdge: '#1d4534',
seam: '#b9ad96',
bevel: '#ffffff',
shadow: '#14100a'
}What it prints (run when this page was built)