Effect-TS / website

Source code for Effect's documentation website
https://www.effect.website
105 stars 84 forks source link

Improve visibility of active section highlight in sidebar navigation #906

Closed gcanti closed 4 days ago

gcanti commented 6 days ago

What version of Effect is running?

-

What steps can reproduce the bug?

When scrolling down the page, the sidebar on the right highlights the section you are currently viewing (e.g., "Install from the CLI wizard" in the attached screenshot). However, in our website the color difference between the highlighted link and the other links is very subtle, making it difficult to identify the active section at a glance.

Screenshot 2024-11-07 at 18 35 36

Steps to Reproduce:

  1. Open a documentation page with sidebar navigation.
  2. Scroll down the page to observe the active section in the sidebar.

What is the expected behavior?

The highlighted section should be clearly distinguishable from other sections for easy navigation.

What do you see instead?

The color difference is minimal, making the highlighted section hard to spot.

Additional information

No response

gcanti commented 4 days ago

Fixed in https://github.com/Effect-TS/website/pull/908