Add CSS class for the selected pocket piece #14052
Draft
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
fixes #12866
This change depends on this PR to lichess-org/chessground:
lichess-org/chessground#292
This is the styling I propose for the selected piece:
![image](https://private-user-images.githubusercontent.com/7948305/284110514-18ec51f6-6327-4777-a619-bda5a60be012.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk5NzYxNTIsIm5iZiI6MTcxOTk3NTg1MiwicGF0aCI6Ii83OTQ4MzA1LzI4NDExMDUxNC0xOGVjNTFmNi02MzI3LTQ3NzctYTYxOS1iZGE1YTYwYmUwMTIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDNUMDMwNDEyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWRjZjBhYzIyY2U1ZGMwMzA5ZWFiMGI5MTJhZmNkM2JmOGZmMDk5NjU2NjE5NDkyOWMwYmNlYTZlNGMyYzlkNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.BDzI55sYiibSQTqSRfVcm4g0ArwzCPVQwsFo0AJDLvU)
I'm definitely open to other ideas on how we should style the selected piece.
I copied that color from the selected piece background in chessground.
A similar style we use on the pocket is what we do for the pre-dropped piece where we highlight the background a shade of gray.