UI Toolkit (NS116 Theme)

Based on the "Battleship" layout, but applying the NS116 design system.

1. Color Palette (NS116)

Highway Green

#009B3A

Caution Yellow

#FFCC00

Connection Blue

#007BFF

Asphalt Dark

#1A1A1A

Reflective White

#F8F9FA

Concrete Gray

#E9ECEF

2. Typography

Main Title (H1)

Battleship

Subtitle (H2)

Game Room

Labels and Section Titles

Game Status

Base Text / Data

Waiting for another player...

3. Buttons and Indicators

Primary Button

Secondary Action

Status Badge

Connected Copy

4. Forms and Inputs

Player Name

Game ID (Optional)

If you have a GameId, you will join that game's room.

5. Complete Layout Example (Mockup)

Battleship

Game Room

Player

player 1

Game ID

#427c5c34-5acd-489d-ab93-046e3a432269

Websocket

Connected

Waiting for player 2...

Status

Waiting for another player

My Turn

Remaining Ships

My Attacks

My Ships

Ship	Size	Status
Aircraft Carrier	5	active
Battleship	4	active
Submarine	3	active
Patrol Boat	2	active