Dark/light mode scrollbar of primary sidebar

[jnywong]

Proposal

Hellooo! I was updating my MyST website with the book theme enabled and noticed that the scrollbar of the expanded navigation menu on the left side was distractingly visible, especially in dark mode.

Before:

before-scrollbar.mp4

I propose to update the navigation scrollbar to a dark theme when switching to dark mode.

Additional notes

See

• ➖ Hide scrollbar in PrimarySidebar myst-theme#502
• 🎨 Style scrollbar myst-theme#508

[jnywong]

Pasted from jupyter-book/myst-theme#502

Happy to make a pr, but need some pointers on where to start because the light/dark mode theme switcher looks a little more complicated to contribute to at first glance.

[agoose77]

@jnywong yeah, if you're needing to change the DOM according to the theme, it is fiddly. But if it's just CSS changes, then you can use tailwind dark: selector to set a style that only applies for dark themes.

I can definitely provide some pointers - will take a peek tomorrow.