chore: misc styling touch-ups

[zlataovce]

• makes some light mode grays lighter for better legibility of black text on gray backgrounds
• makes the config node highlight full width to not mess up indentation (+ accent color instead of gray so it's easier to see on light backgrounds)
• moves the scrolling area of the sidebar to not include the dropdown (no longer a sticky element)

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
papermc-docs	✅ Ready (View Log)	Visit Preview	2691ece

[Strokkur424]

A few things I have noticed, which are a bit weird (could also be in the production docs, but could still be useful to fix here):

• When switching dark/light mode, the project boxes in the hero have a transition effect on them. This might be intended, but it is a bit inconsistent with the rest of the application:

  weird-animation.mp4

• In light mode, hovering over the sites in the navigation bar at the left does not yield any visible highlighting, which is inconsistent to dark mode behavior:

  broken-hover.mp4

• And finally, you cannot scroll down on the nav bar. This might be possible via scroll wheel (I wouldn't know, as my scroll wheel broke when editing moonrise patches), but there neither no scroll bar nor can you scroll down when pressing the middle-mouse button, which is bad for accessibility.

  you-cannot-scroll-down.mp4

[zlataovce]

When switching dark/light mode, the project boxes in the hero have a transition effect on them. This might be intended, but it is a bit inconsistent with the rest of the application

I don't think this is possible to fix without involving JS logic, since moving the transition to the :hover selector would mean losing the ease out animation on hover out

In light mode, hovering over the sites in the navigation bar at the left does not yield any visible highlighting, which is inconsistent to dark mode behavior

not sure what browser you're trying it on, but I see a color change on hover on both Firefox and Chrome, albeit faint - bumped up the black tone to be more pronounced

[Strokkur424]

The scrollbar being gone is now fixed, thanks for that. I can now also notice a faint color change, but it could perhaps be more visible if you also bumped up the font weight a bit. Because it is still very very faint

[Strokkur424]

Hm, the highlight is still no fully satisfactory I feel. The same also applies for the ToC.
There is just way too little difference in highlighted and non-highlighted in comparison to dark mode

Maybe make it almost the same color as when it is selected?

Another thing I noticed, which is true for both dark and light mode is that whenhovering over the sections in the nav bar, there is no highlighting. I think it could be nice if we added something about that there too.

[Strokkur424]

Yeah, the ToC hover looks good now 👍

[olijeffers0n]

Yeah, had a look through and everything seems in order. Config highlight probably helps with seeing what has been linked to you - happy for this to be merged at will

[Strokkur424]

I also think it looks good