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

Variable: COLOURS

const COLOURS: object

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

The colours, by role (CSS colour strings the GUI's canvas draws with): the web UI's palette's values (theme/theme.ts), so the game's panels and the pages always match.

Type Declaration

accent

readonly accent: "#ff8c1a" = PALETTE.primary

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

bg

readonly bg: "rgba(11, 14, 20, 0.74)" = PALETTE.overlay

A panel's background.

bgDense

readonly bgDense: "rgba(11, 14, 20, 0.88)" = PALETTE.overlayDense

A denser background (the phone, a field).

blue

readonly blue: "#6ab0ff" = PALETTE.secondary

A phone message.

button

readonly button: "rgba(207, 216, 227, 0.1)" = PALETTE.control

A button.

buttonHover

readonly buttonHover: "rgba(207, 216, 227, 0.22)" = PALETTE.controlHoverStrong

A button under the pointer.

clear

readonly clear: "transparent" = 'transparent'

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

cyan

readonly cyan: "#4ad8ff" = PALETTE.tertiary

The phone's own colour.

danger

readonly danger: "#ff8a7a" = PALETTE.onErrorContainer

Locked.

dangerLine

readonly dangerLine: "#e05a4a" = PALETTE.errorLine

A locked thing's border.

dim

readonly dim: "rgba(207, 216, 227, 0.65)" = PALETTE.textMedium

Secondary text.

fg

readonly fg: "#cfd8e3" = PALETTE.textHigh

Text.

gold

readonly gold: "#ffd84a" = PALETTE.warning

A mission's title, a race.

green

readonly green: "#6ad38a" = PALETTE.success

Done, paid, answered.

ink

readonly ink: "#000000" = PALETTE.ink

The phone's unread badge's text.

line

readonly line: "rgba(207, 216, 227, 0.22)" = PALETTE.outline

A thin border.

lineStrong

readonly lineStrong: "rgba(207, 216, 227, 0.4)" = PALETTE.outlineStrong

A border that stands out.

note

readonly note: "#ffb36a" = PALETTE.note

What a screen answered.

price

readonly price: "#8fd18f" = PALETTE.price

A shop's price.

red

readonly red: "#ff5a4f" = PALETTE.error

Failed, late.