[Client]: Implement Dark Mode into the site

[xXDMOGXx]

Task Description:

Right now, the only option for the server is glaring white. We want the theme to instead follow the system default of the device connected.

Implementation Steps:

• All of the code you will be editing is located in src/client
• You will have to change the theming for all pages on the site. It would likely be beneficial to create a css file to hold all the data to define the theme colors.
• The first step will be to figure out how to actually change the color of components and the background page.
• You will then need to figure out how to get the color theme of the device or browser (whichever is easier)
• Depending on the device theme, change the colors of the page and components to match

Additional Notes and Resources:

The exact color scheme you use for dark mode will be up to you as long as everything is legible and the board/pieces aren't obscured. Make sure to get second opinions from other people who use dark mode on exact colors.

Expected Timeline:

This should take around a week or two. It's likely you can make quite a lot of progress on it at our Friday meeting.

If you have any questions while working on this task, don't hesitate to do any one of the following:

• Ask a lead at a meeting
• Post in Discord
• Reply to this issue