UI Toolkit (TekstoBot Light)

Baseado no layout "Battleship", adaptado para as cores e estética tech do TekstoBot.

1. Color Palette (Light Mode)

Dark Primary
#1a1e2a
Accent Cyan
#0d7c6f
Accent Green
#33bc6e
Accent Yellow
#f5e050
Text Muted
#6b7280
Bg Light
#F8FAFC
Card Light
#FFFFFF

2. Typography

Main Title (H1) - Inter

Battleship

Subtitle (H2) - Inter

Game Room

Labels and Section Titles - Inter

Game Status

Tech / Fixed Data - JetBrains Mono

Waiting for another player...

3. Buttons and Indicators

Primary Button
Secondary Action
Status Badges
connected copy_id

4. Forms and Inputs

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

5. Complete Layout Example (Mockup)

Battleship

Game Room Dashboard

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