fix(chess.com): arrow and square highlights

[nuexq]

🔧 What does this fix? 🔧

Fixes #1606.

• arrow 4 variant color fix
• highlight 4 variant color fix

🗒 Checklist 🗒

• I have read and followed Catppuccin's contributing guidelines.

[nuexq]

I've noticed that there is a @var for selecting highlight color, but there is 4 variant of them in the website but the theme make you select just one?

[uncenter]

That is correct, see #1606. Not intentional, I just wasn't aware. If you would like to, I would love if you could implement those additional variables and style them when appropriate to close that issue!

[nuexq]

do I need to make them configurable or just using the red/peach/blue/green like the arrows and remove the @var for highlightColor ?

[uncenter]

I originally made it configurable so that the highlight colors wouldn't clash with your chosen accent color (if you had a blue accent, those arrows/highlights would be hard to see!). I think we should continue the same here, and maybe call them highlightColor1/highlightColor2/highlightColor3/highlightColor4?

[nuexq]

The color swaps between Shift + Right Click and Right Click in the original theme is due to a bug on Chess.com. This issue causes the red and peach square be reversed compared to how it should look based on it's arrow. I will let as it is so if the bug fixed nothing break.

original theme: