Skip to content

feat(ui): add gradient scrollbar styling#177

Open
Aditya30ag wants to merge 1 commit into
0rigin-c0de:mainfrom
Aditya30ag:feature/gradient-scrollbar
Open

feat(ui): add gradient scrollbar styling#177
Aditya30ag wants to merge 1 commit into
0rigin-c0de:mainfrom
Aditya30ag:feature/gradient-scrollbar

Conversation

@Aditya30ag
Copy link
Copy Markdown

@Aditya30ag Aditya30ag commented May 26, 2026

Summary

Implemented a custom gradient scrollbar design to better match the application's dark neon UI aesthetic.

Changes Made

  • Added custom WebKit scrollbar styles
  • Added gradient scrollbar thumb
  • Added rounded scrollbar appearance
  • Added hover transition effect
  • Improved overall UI consistency

Preview

  • Dark scrollbar track
  • Orange - Pink - Purple gradient thumb
  • Smooth rounded styling

Testing

  • Tested on Chromium-based browsers
  • Verified scrollbar visibility on dark backgrounds
  • Confirmed no UI layout issues

Screenshots

Screenshot 2026-05-26 071016

Related Issue

Closes #176

Signed-off-by: Aditya30ag <adityaagrwal3005@gmail.com>
@Aditya30ag Aditya30ag requested a review from 0rigin-c0de as a code owner May 26, 2026 01:46
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 26, 2026

@Aditya30ag is attempting to deploy a commit to the Sunil Kumar's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Aditya30ag
Copy link
Copy Markdown
Author

Hello @0rigin-c0de sir please have a look into this PR
also please add the GSSOC tag

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Gradient Scrollbar Design Enhancement

1 participant