Updated Top Bar and Dark Mode Button

[vinayak19th]

Type of change

• New feature (non-breaking change which adds functionality)

Description

Added 3 major improvements in the PR:

1. Moved the dark mode button from the side bar to the top bar next to the search bar. This position seems more natural.
2. Changed the dark mode button to a slider.
3. Added a mechanic where the top bar becomes visible when you scroll up. This is inline with common UI practices and makes it easier to access the search bar and dark mode toggle on most devices.

Images:

New Dark UI Layout

New Dark UI Layout (Dark Mode)

Layout Mobile	Layout Mobile (Dark)

Dependency Changes

No dependency changes needed.

Additional context

[cotes2020]

Thanks for the PR. I've decided to keep the button in its current position, so please maintain this modification in your distribution. I believe I have already rejected a similar request in the past.

[vinayak19th]

Thanks for the PR. I've decided to keep the button in its current position, so please maintain this modification in your distribution. I believe I have already rejected a similar request in the past.

Sure, but I still would recommend moving it, especially because it mixes the dark mode with profile links (github, email ,etc) which is non-standard. Also on mobile devices its a pain to access cause you have to pull out the sidebar first.

[AlphaHasher]

Hey! @vinayak19th I support you! I personally really like this change. I made just one change in my personal page to swap the dark and light mode since it made more sense for me to have dark mode in the "off" position and light mode in the "on" (like flipping on a light switch).