Skip to content

Use dark themed thin scrollbars in the integration-flows doc#2078

Merged
atomantic merged 1 commit into
mainfrom
fix/flows-doc-scrollbars
Jul 2, 2026
Merged

Use dark themed thin scrollbars in the integration-flows doc#2078
atomantic merged 1 commit into
mainfrom
fix/flows-doc-scrollbars

Conversation

@atomantic

Copy link
Copy Markdown
Owner

Summary

  • The flows doc (/flows.html, hosted at /devtools/flows) never declared color-scheme, so browsers painted their default light, chunky scrollbars over the dark layout — one per sidebar scroll region plus the diagram's horizontal bar.
  • Declares color-scheme: dark and styles all scroll containers with thin, border-colored thumbs on transparent tracks (standard scrollbar-width/scrollbar-color plus ::-webkit-scrollbar for Safari).

Test plan

  • Verified via headless Chrome screenshot at a scroll-forcing viewport: scrollbars now render as thin dark slivers matching the theme; no layout regression in flow highlighting.
  • CSS-only change to a standalone static file — no logic surface; existing flows integrity tests unaffected.

The doc never declared color-scheme, so browsers painted default light
chunky scrollbars over the dark layout. Declare color-scheme: dark and
style scroll containers with thin border-colored thumbs on transparent
tracks (standard scrollbar-* props plus ::-webkit-scrollbar for Safari).
@atomantic atomantic merged commit 0dd7b5e into main Jul 2, 2026
2 checks passed
@atomantic atomantic deleted the fix/flows-doc-scrollbars branch July 2, 2026 19:01
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