Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🚀 Feature: Adding Custom Scrollbar and Selection Color to Match Website Theme #4471

Open
2 tasks done
pjoshi999 opened this issue Oct 9, 2023 · 4 comments
Open
2 tasks done

Comments

@pjoshi999
Copy link

🔖 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?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

Are you willing to submit PR?

Yes I am willing to submit a PR!

@github-actions github-actions bot added the triage label Oct 9, 2023
@pjoshi999
Copy link
Author

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

@abellmanuell
Copy link

abellmanuell commented Oct 10, 2023

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

@pjoshi999
Copy link
Author

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
Copy link

Alright, goodluck.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants