UI Toolkit (NS116 Dark Theme)

Based on the "Battleship" layout, adapted for NS116's dark mode.

1. Color Palette (Dark Mode)

Highway Green
#009B3A
Caution Yellow
#FFCC00
Connection Blue
#007BFF
Asphalt Dark
#1A1A1A
Elevated Dark
#262626
Reflective White
#F8F9FA

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

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
No
Remaining Ships
-
My Attacks
0
My Ships
Ship Size Hits Status
Aircraft Carrier 5 0 active
Battleship 4 0 active
Submarine 3 0 active
Patrol Boat 2 0 active