Skip to content

ui: improve scrollbar UI with custom colors and rounded thumb#983

Merged
cjpais merged 4 commits intocjpais:mainfrom
arshit09:feature/scrollbar-ui
Mar 11, 2026
Merged

ui: improve scrollbar UI with custom colors and rounded thumb#983
cjpais merged 4 commits intocjpais:mainfrom
arshit09:feature/scrollbar-ui

Conversation

@arshit09
Copy link
Copy Markdown
Contributor

@arshit09 arshit09 commented Mar 9, 2026 •
edited
Loading

Before Submitting This PR

Please confirm you have done the following:

If this is a feature or change that was previously closed/rejected:

  • I have explained in the description below why this should be reconsidered
  • I have gathered community feedback (link to discussion below)

Human Written Description

Problem noticed

  • Scrollbar was looking ugly and not matching up with the app design.
image

Why this change matters

  • To improve the design consistency and make app look better in general.

Community Feedback

Started the discussion: #982

Testing

  • Verified the changes visually.
  • Confirmed the scrollbar appearance across different tabs (Models, Advanced, and History) for various sizes.
  • Tested scrollbar functionality by actively scrolling to ensure it behaves as expected.

Screenshots/Videos (if applicable)

image

AI Assistance

  • No AI was used in this PR
  • AI was used (please describe below)

If AI was used:

  • Tools used: Antigravity Version: 1.20.4. Gemini 3 Flash with Fast mode.
  • How extensively: The code was written entirely by AI. It was reviewed by a human, me, afterwards.

@arshit09 arshit09 changed the title feat: improve scrollbar UI with custom colors and rounded thumb style: improve scrollbar UI with custom colors and rounded thumb Mar 9, 2026
@arshit09 arshit09 force-pushed the feature/scrollbar-ui branch from 0238f5e to befc612 Compare March 9, 2026 07:46
@arshit09 arshit09 changed the title style: improve scrollbar UI with custom colors and rounded thumb ui: improve scrollbar UI with custom colors and rounded thumb Mar 9, 2026
@cjpais
Copy link
Copy Markdown
Owner

cjpais commented Mar 10, 2026

Thanks this is a good improvement, I made some small tweaks. Can you test them on Windows and see what you think? A screenshot would be much appreciated as well.

Also if you want, I know theres some css tweaks that are needed for windows too. I think one of the circles shows up as red which is really bad. Not sure if you would want to take that on in another PR but I would much appreciate it

@cjpais
Copy link
Copy Markdown
Owner

cjpais commented Mar 11, 2026 •
edited
Loading

@arshit09 pinging you to confirm things look good for you with my tweaks

@arshit09
Copy link
Copy Markdown
Contributor Author

arshit09 commented Mar 11, 2026 •
edited
Loading

Sorry for the delay.
It misses the arrows in scrollbar with the new commit
image

Actually, I faced that issue as well. That's why I had to add SVG arrow buttons explicitly. I think it'd be good to have it for accessibility.

@cjpais
Copy link
Copy Markdown
Owner

cjpais commented Mar 11, 2026

I prefer not to have them, I find them a bit distracting/ugly personally, and on macOS this is the standard pattern for scrollbars across the OS. If it is good enough for apple it is good enough for us I think

@arshit09
Copy link
Copy Markdown
Contributor Author

arshit09 commented Mar 11, 2026

lol then it seems we're gtg

@cjpais
Copy link
Copy Markdown
Owner

cjpais commented Mar 11, 2026

sick lets go.

@cjpais cjpais merged commit d6ed1f9 into cjpais:main Mar 11, 2026
4 checks passed
fxbenard pushed a commit to fxbenard/Parler that referenced this pull request Mar 11, 2026
@arshit09 @cjpais @fxbenard
ui: improve scrollbar UI with custom colors and rounded thumb (cjpais…
42c7438 
…#983)

* ui: improve scrollbar UI with custom colors and rounded thumb

* ui: increase scrollbar thickness for better visibility

* ui: refine scrollbar styling from primary pink to text/15 color and add custom buttons for scrollbar

* tweaks

---------

Co-authored-by: CJ Pais <[email protected]>
viktor-silakov pushed a commit to viktor-silakov/Handy that referenced this pull request Mar 18, 2026
@arshit09 @cjpais @viktor-silakov
ui: improve scrollbar UI with custom colors and rounded thumb (cjpais…
c4c83f5 
…#983)

* ui: improve scrollbar UI with custom colors and rounded thumb

* ui: increase scrollbar thickness for better visibility

* ui: refine scrollbar styling from primary pink to text/15 color and add custom buttons for scrollbar

* tweaks

---------

Co-authored-by: CJ Pais <[email protected]>
(cherry picked from commit d6ed1f9)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@arshit09 @cjpais