novuhq / novu

Open-Source Notification Platform. Embeddable Notification Center, E-mail, Push and Slack Integrations.
https://novu.co
Other
35.37k stars 3.92k forks source link

πŸš€ Feature: Adding Custom Scrollbar and Selection Color to Match Website Theme #4471

Open pjoshi999 opened 1 year ago

pjoshi999 commented 1 year ago

πŸ”– Feature description

This pull request aims to enhance the user experience on our website by implementing a custom scrollbar and custom selection color that align with the website's theme. The changes are designed to improve the overall look and feel of the site, making it more cohesive and visually appealing.

🎀 Why is this feature needed ?

Custom scrollbars and selection colors are essential to improve a website's aesthetics and user experience. By aligning these design elements with the website's theme, it ensures visual consistency and branding, creating a polished and cohesive look. Default browser scrollbars and selection colors often clash with the website's style, making customization crucial for a visually appealing design. In summary, custom scrollbars and selection colors are necessary for improving aesthetics, brand consistency, user experience, accessibility, and overall website success.

✌️ How do you aim to achieve this?

  1. Analyze the website's design theme: Understand the existing color scheme, typography, and styling guidelines.
  2. Customize CSS styles: Develop custom CSS rules to modify the scrollbar and selection color to match the theme.
  3. Conduct cross-browser testing: Manually test the customized styles on various web browsers to ensure compatibility.
  4. Ensure accessibility: Verify that the custom selection color provides adequate contrast and readability for all users.
  5. Document and integrate: Update code documentation and apply the custom styles consistently throughout the website's codebase, deploying them after successful testing.

πŸ”„οΈ Additional Information

No response

πŸ‘€ Have you spent some time to check if this feature request has been raised before?

🏒 Have you read the Code of Conduct?

Are you willing to submit PR?

Yes I am willing to submit a PR!

pjoshi999 commented 1 year ago

Please Assign this task to me, so I can work upon it and deliver it.

abellmanuell commented 1 year ago

I will love to work on this issue. Please assign me the task.

pjoshi999 commented 1 year ago

I will love to work on this issue. Please assign me the task.

Hey buddy, I have already been working on this. Please find another issue and make pull request.

abellmanuell commented 1 year ago

Alright, goodluck.