Skip to main content

TouchTheme

@zylem/game-lib


@zylem/game-lib / input-ui / TouchTheme

Interface: TouchTheme

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:8

Color tokens consumed by the SVG factories in svg-assets.ts and the defaultTouchControls(...) preset. All fields are CSS color strings; the factories compose them into static SVG markup.

Properties​

baseFill​

baseFill: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:10

Inner fill of joystick base & button bodies (usually translucent dark).


buttonAccents?​

optional buttonAccents?: Partial<Record<VirtualTouchButtonSlot, string>>

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:28

Optional per-button accent overrides.


defaultButtonAccent​

defaultButtonAccent: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:26

Stroke/text accent for buttons when no per-slot accent is provided.


joystickAccentFill​

joystickAccentFill: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:16

Inner ring fill on joystick base (translucent accent).


joystickInnerStroke​

joystickInnerStroke: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:14

Inner ring stroke on joystick base (subtle highlight).


joystickStroke​

joystickStroke: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:12

Outer ring stroke on joystick base.


joystickTabFill​

joystickTabFill: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:18

Direction tab fill on the joystick base (the four arrows).


thumbFill​

thumbFill: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:20

Filled joystick thumb color.


thumbInnerFill​

thumbInnerFill: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:24

Inner highlight ring on the thumb.


thumbStroke​

thumbStroke: string

Defined in: packages/game-lib/src/lib/input-ui/touch-themes.ts:22

Joystick thumb border.