Skip to content

feat(web): slim, theme-aware sidebar scrollbar - #63

Merged
Anton-Horn merged 1 commit into
mainfrom
fix/sidebar-scrollbar
Jul 5, 2026
Merged

feat(web): slim, theme-aware sidebar scrollbar#63
Anton-Horn merged 1 commit into
mainfrom
fix/sidebar-scrollbar

Conversation

@Anton-Horn

Copy link
Copy Markdown
Contributor

Replaces the chunky native browser scrollbar on the project sidebar with a slim, rounded one.

  • Thinner: 4px rounded thumb over a transparent track.
  • Quiet: invisible at rest, fades in on hover/focus.
  • Theme-aware: derived from `--sidebar-foreground` via `color-mix`, works across all four themes.
  • Cross-browser: `scrollbar-width`/`scrollbar-color` (Firefox) + `::-webkit-scrollbar` (Chrome/Safari).

Scoped to `[data-slot="sidebar-content"]` in `web/src/index.css`.

🤖 Generated with Claude Code

Replace the native browser scrollbar on the project sidebar with a thin,
rounded scrollbar that stays hidden at rest and fades in on hover/focus,
derived from --sidebar-foreground so it adapts across all themes.
@Anton-Horn
Anton-Horn merged commit 925336c into main Jul 5, 2026
1 check passed
@Anton-Horn
Anton-Horn deleted the fix/sidebar-scrollbar branch July 5, 2026 14:18
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.

1 participant