Five On It

Appearance

five-on-it / apps/client/src/gui/layout / BoxStyle

Interface: BoxStyle ​

Defined in: apps/client/src/gui/layout.ts:89

A box's look.

Properties ​

accent? ​

optional accent?: object

Defined in: apps/client/src/gui/layout.ts:98

A thicker coloured edge (a tracker's left, the phone's top).

side ​

side: "top" | "left"

tone ​

tone: "clear" | "green" | "red" | "price" | "note" | "line" | "button" | "blue" | "accent" | "fg" | "dim" | "bg" | "bgDense" | "buttonHover" | "lineStrong" | "gold" | "cyan" | "danger" | "dangerLine" | "ink"

border? ​

optional border?: "clear" | "green" | "red" | "price" | "note" | "line" | "button" | "blue" | "accent" | "fg" | "dim" | "bg" | "bgDense" | "buttonHover" | "lineStrong" | "gold" | "cyan" | "danger" | "dangerLine" | "ink"

Defined in: apps/client/src/gui/layout.ts:93

The border's colour and width (px); none without.

borderWidth? ​

optional borderWidth?: number

Defined in: apps/client/src/gui/layout.ts:94

fill ​

fill: "clear" | "green" | "red" | "price" | "note" | "line" | "button" | "blue" | "accent" | "fg" | "dim" | "bg" | "bgDense" | "buttonHover" | "lineStrong" | "gold" | "cyan" | "danger" | "dangerLine" | "ink"

Defined in: apps/client/src/gui/layout.ts:91

The background.

pad? ​

optional pad?: [number, number]

Defined in: apps/client/src/gui/layout.ts:100

Padding: vertical and horizontal (px; the small and large gaps by default).

radius? ​

optional radius?: "small" | "normal" | "phone"

Defined in: apps/client/src/gui/layout.ts:96

The corners: a control's, a card's or the phone's rounder ones.