five-on-it / apps/client/src/gui/theme / COLOURS

Variable: COLOURS

const COLOURS: object

Defined in: apps/client/src/gui/theme.ts:12

The colours, by role (CSS colour strings the GUI's canvas draws with).

Type Declaration

accent

readonly accent: "#ff8c1a" = '#ff8c1a'

The game's accent (a carjack, a selected slot).

bg

readonly bg: "rgba(11, 14, 20, 0.74)" = 'rgba(11, 14, 20, 0.74)'

A panel's background.

bgDense

readonly bgDense: "rgba(11, 14, 20, 0.88)" = 'rgba(11, 14, 20, 0.88)'

A denser background (the phone, a field).

blue

readonly blue: "#6ab0ff" = '#6ab0ff'

A phone message.

button

readonly button: "rgba(207, 216, 227, 0.1)" = 'rgba(207, 216, 227, 0.1)'

A button.

buttonHover

readonly buttonHover: "rgba(207, 216, 227, 0.22)" = 'rgba(207, 216, 227, 0.22)'

A button under the pointer.

clear

readonly clear: "transparent" = 'transparent'

Nothing: a box that only groups (never drawn).

cyan

readonly cyan: "#4ad8ff" = '#4ad8ff'

The phone's own colour.

danger

readonly danger: "#ff8a7a" = '#ff8a7a'

Locked.

dangerLine

readonly dangerLine: "#e05a4a" = '#e05a4a'

A locked thing's border.

dim

readonly dim: "rgba(207, 216, 227, 0.65)" = 'rgba(207, 216, 227, 0.65)'

Secondary text.

fg

readonly fg: "#cfd8e3" = '#cfd8e3'

Text.

gold

readonly gold: "#ffd84a" = '#ffd84a'

A mission's title, a race.

green

readonly green: "#6ad38a" = '#6ad38a'

Done, paid, answered.

ink

readonly ink: "#000000" = '#000000'

The phone's unread badge's text.

line

readonly line: "rgba(207, 216, 227, 0.22)" = 'rgba(207, 216, 227, 0.22)'

A thin border.

lineStrong

readonly lineStrong: "rgba(207, 216, 227, 0.4)" = 'rgba(207, 216, 227, 0.4)'

A border that stands out.

note

readonly note: "#ffb36a" = '#ffb36a'

What a screen answered.

price

readonly price: "#8fd18f" = '#8fd18f'

A shop's price.

red

readonly red: "#ff5a4f" = '#ff5a4f'

Failed, late.