Professional Color Scheme

[LeviGreen]

Issue Title

Develop aesthetically-pleasing color scheme for the game.

Description

As the creator of this game, I recognize the current color scheme's limitations, particularly in terms of visibility and accessibility for color-blind users. Therefore, I am requesting the development of a new, visually appealing color scheme that enhances the overall user experience.

Acceptance Criteria

• Design 6 distinct colors for user selection that are easily distinguishable by color-blind individuals and adhere to modern color theory.
• Ensure that the selected colors do not cause eye strain or discomfort when viewed on a screen, following modern design principles.
• Create a coordinated subset of 4 colors out of the 6 for the "easy mode" of the game, ensuring they complement each other well and are unique to our game.
  • Update the favicon colors to match this subset.
• Define colors for the game board elements:
  • White and black pegs for feedback on guesses.
  • A background color that enhances visibility and contrasts well with game elements.
  • A neutral color for the "blank" output container where game feedback and results are displayed.
• The color palette should be unique to our game and not generic, reflecting a distinctive visual identity.

In Your PR...

• Please include a screenshot of the game with your color scheme in your PR for this task.
• Please explain your reasoning behind your color scheme and why it is an upgrade from the current colors.

Additional Resources

• Color definitions can be found in src/constants.js, where KEY_COLORS represents the 6 color options; BLACK and WHITE are used for pegs, and GRAY is used for boarders, empty output sets, and other.
  • be sure to update the hexToEmoji hash, which is used to translate a user's score into shareable/copyable text.
• There may be other places where colors are defined. Any attempts to "DRY" out the code in this respect are welcome.