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:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user