Fixing the <code> tag and website's scrollbar design.

[prathammpurohit]

Complete the following REQUIRED checkboxes:

• I have thoroughly read and understand The Odin Project Contributing Guide
• The title of this issue follows the brief description of request format, e.g. Add dark mode to website

The following checkbox is OPTIONAL:

• I would like to be assigned this issue to work on it

---

1. Description of the Feature Request:

While reading the texts written at code tag the scrollbar design looks a bit off and eye-harsh.

Fixing the design of the scrollbar will surely enhance the user experience. I tried to put a new color scheme and design to the scrollbar using chrome's dev tools(I used the color scheme provided by TOP). Moreover, we can follow the same scrollbar theme for each page's side scrollbar.

2. Acceptance Criteria:

• A theme toggle is present on the dashboard
• Clicking the theme toggle changes between light and dark
• A user's theme choice persists after leaving the website

3. Additional Information:

I did add the screenshots along with the issue I came across.

[KevinMulhern]

Thanks for the suggestion @prathammpurohit, styling the code block scroll bars is a good idea.
But we wouldn't want to go with anything like the pink in the screenshots, it's too distracting. A subtle grey color that blends into the light/dark theme would be best.

We would also prefer not to style the browser scroll bars and leave that to whatever users have set as their browser theme.