When a user is typing in chat, hotkeys should not activate - e.g. f triggers an error when it's not your turn if you're trying the word fun in the chat.

I think the best solution for this is to check whether the current focus is in any input, and if it is, to not trigger the action (in each keydown handler).

When typing in Greek, most of the hotkeys currently do not work. The reason for this is because we are using event.key to register the handler - we should be using event.code

More info here https://javascript.info/keyboard-events#event-code-and-event-key.

Perhaps a better solution though is to switch out our custom implementation with a library that is specific for hotkeys.

We want to remove the current backgrounds and add a custom one.

Notes for applying a filter to a background image only

https://css-tricks.com/apply-a-filter-to-a-background-image/