Add dark theme styling to scrollbar

[mateusabelli]

Description

Added new styles for the scrollbar to better fit the website theme, it works for chromium based browsers and firefox.

Fixes #27

Type of change

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

[netlify]

✅ Deploy Preview for parthmittal ready!

Name	Link
🔨 Latest commit	cd28e20
🔍 Latest deploy log	https://app.netlify.com/sites/parthmittal/deploys/633b600000f5b60008e34bba
😎 Deploy Preview	https://deploy-preview-28--parthmittal.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[mittal-parth]

@mateusabelli thanks for adding the clean code with clear commits and PR messages.
I wonder how it will look if the scroll bar background is exactly same as the website background?

[mateusabelli]

Hello @mittal-parth, using the same primary and secondary colors in tailwind.config.cjs it would look like this.

This is with the previous lightblue color from the issue screenshots

You can check a live preview of this by accessing the preview deployment and changing the values of the scrollbar-primary and scrollbar-secondary in the dev tools

[mittal-parth]

@mateusabelli thanks for the detailed screenshots!
I think we can go ahead with

 --scrollbar-primary: #00040f;
 --scrollbar-secondary: lightblue;

[mateusabelli]

That's great @mittal-parth, I've updated the PR with the changes

[mittal-parth]

@mateusabelli Thanks for adding the cool change! Merged!