Reference · SVG faces and looks
BlockColourstype
The colours a block is drawn in.
Import it
import type { BlockColours } from "@johnmorrisdotca/jarajara/faces";Definition
type BlockColours = {
lip: string;
lipEdge: string;
body: string;
bodyEdge: string;
seam: string;
bevel: string;
shadow: string;
};Members
| Name | Type | Description |
|---|---|---|
lip | string | The ivory layer's side, and the line between it and the back plate. |
lipEdge | string | |
body | string | The back plate's side, and its outline. |
bodyEdge | string | |
seam | string | The line round every face, which contrasts with it, so a row of tiles can be counted. |
bevel | string | The light line just inside it, which gives the face a raised edge. |
shadow | string | The shadow a tile casts. |
Examples
import type { BlockColours } from "@johnmorrisdotca/jarajara/faces";
import { blockColours } from "@johnmorrisdotca/jarajara/faces";
const value: BlockColours = blockColours();
console.log(value);{
lip: '#e8e6e0',
lipEdge: '#adaca7',
body: '#3a8a68',
bodyEdge: '#1d4534',
seam: '#b9ad96',
bevel: '#ffffff',
shadow: '#14100a'
}What it prints (run when this page was built)