style(new-game): restrict player color backgrounds to player input steps

- Only player input containers use the new color backgrounds, borders, and shadows
- Game type selection and other steps are visually unaffected
- Ensures clear, consistent player association without UI side effects

Refs #26
This commit is contained in:
Frank Schwenk
2025-06-24 10:17:58 +02:00
parent 592ba57286
commit 7d4cc30e97
2 changed files with 29 additions and 3 deletions

View File

@@ -274,4 +274,30 @@
.endlos-btn {
width: 100%;
}
.player1-input.player-input {
background: #43a047;
color: #fff;
border: 2px solid #388e3c;
box-shadow: 0 2px 12px rgba(67,160,71,0.12);
}
.player2-input.player-input {
background: #1565c0;
color: #fff;
border: 2px solid #0d47a1;
box-shadow: 0 2px 12px rgba(21,101,192,0.12);
}
.player3-input.player-input {
background: #333;
color: #fff;
border: 2px solid #222;
box-shadow: 0 2px 12px rgba(51,51,51,0.12);
}
.player1-input.player-input input,
.player2-input.player-input input,
.player3-input.player-input input {
background: #fff;
color: #222;
border: 1px solid #ccc;
}