A PR preview is available: Preview URL

PR Summary

This pull request introduces several enhancements to the CSS styles of the project, focusing on navigation elements and the Table of Contents (TOC). The key changes include:

• Navigation Links: Adjustments have been made to the :before pseudo-elements of navigation links and dropdown items to exclude those within the TOC. This ensures that the hover effects are not applied to TOC links, maintaining a distinct style for the TOC.
• TOC Styling: New styles have been added for the TOC, including padding, background color, and border styling. The TOC title and links have been styled for better visual distinction, with specific hover effects for active links.
• Sidebar and Divider: The sidebar background color has been updated, and a new style for a sidebar divider with a dotted border has been introduced.
• Headings: A dotted border has been added to h2 elements for visual separation.

These changes aim to improve the visual hierarchy and user experience of the navigation and TOC components.

Test Suggestions

• Verify that navigation links outside the TOC have the correct hover effects.
• Ensure that TOC links do not have the hover effects applied to other navigation links.
• Check the visual appearance of the TOC, including background color, borders, and link styles.
• Test the sidebar to confirm the new background color is applied correctly.
• Validate that h2 elements have the new dotted border style.
• Test across different browsers to ensure consistent styling.

If you do want to do a solid background for the sidebar, I'd recommend something subtler that is closer to what the product does:

It's quite subtle. With a solid background, maybe NOT doing the same on the left and the right would be preferable, as the preview feels a bit busy to me. (With JUST a text colour change, I'd try the same on both sides.)

BTW, this is an example of a simple but interesting box treatment: https://graphacademy.neo4j.com/courses/gds-product-introduction/

All the same, I'd use a box or solid background on only one side.

A PR preview is available: Preview URL

A PR preview is available: Preview URL

A PR preview is available: Preview URL

A PR preview is available: Preview URL

Why do you hate colour so much, Nik?? 😭 😭 😭

I stole some other greens and some hover states from the platform, and I'm willing to live with this if you are:

Adjusted the drop-down as well since the hover state for the sidebar doesn't play nicely with BG shifts:

Simplified training to one .css sheet (and updated the conventions to match):

Landing	Registration Pages

A PR preview is available: Preview URL

A PR preview is available: Preview URL

A PR preview is available: Preview URL