tweaked colors and added 2 tip menu items

[Puggernauts]

Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change. Colors were inconsistent and buggy in some places, partly because more features have been added since I last updated the colors. For example, some high contrast theme buttons would become unreadable when hovering over them. I think I identified all places where there were color issues. Added two tip menu items that are added consecutively after the current ones to help onboard new users. The first new tip menu item (third overall) is about the create button, and the second new tip menu item (fourth overall) is about Paths. These tip menu items should help new users get familiar with PathKit's terminology and functionality. They are inspired from early user feedback about our design, where people were confused about those features when they (previously) had no introduction.

Does this fix an existing issue?

Fixes # (issue)

Checklist:

• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation (Didn't seem necessary to add documentation because I was just changing values.)
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works (Didn't seem necessary to add tests, but I spent a lot of time checking through every theme to see that the colors worked and I checked that the new tip menu items worked.)
• [x] New and existing unit tests pass locally with my changes
• [x] Any dependent changes have been merged and published in downstream modules
• [x] I have checked my code and corrected any misspellings
• [x] I will put an appropriate label on my pull request

[netlify[bot]]

✅ Deploy Preview for coruscating-puffpuff-915306 canceled.

Name	Link
🔨 Latest commit	4dbb95f1b0777a709c5f4c11f6fea7032e431f06
🔍 Latest deploy log	https://app.netlify.com/sites/coruscating-puffpuff-915306/deploys/646234cbf54b37000826d6b7

[LeeJMorel]

Great work cleaning up the UI, I was thinking we might want to also find a way to make inverted themes for some weird spots as well? I have some notes on the binder outline in the main menu being hard to see.