UI Toolkit (Txlog Dark Theme)

Based on the "Battleship" layout, adapted for Txlog's friendly, notebook-inspired dark mode.

1. Color Palette (Dark Mode)

Navy (Cards)
#1E293B
Dark Main
#0F172A
Indigo (Lines)
#424565
Coral
#D9556A
Sky Blue
#4A8AE8
Leaf Green
#4A9E42
Golden
#F4B54B
Soft Light
#EFF2F7

2. Typography

Main Title (H1) - Poppins

Battleship

Subtitle (H2) - Poppins

Game Room

Labels and Section Titles - Inter

Game Status

Base Text / Data - Inter

Waiting for another player...

3. Buttons and Indicators

Primary Button
Secondary Action
Status Badges
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...
My Turn
No
Ships Alive
-
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