v133 · miscellaneous

Fluent Scrollbars.

This feature modernizes the Chromium scrollbars (both overlay and non-overlay) on Windows and Linux to fit the Windows 11 Fluent design language.

concepts

  1. Fluent Scrollbars

    Chrome on Windows renders scrollbars with the Fluent design language.

  2. CSS scrollbar styling

    Five scrollers with different scrollbar-width and scrollbar-color values, plus a platform probe — demonstrating that Fluent now respects the standard CSS properties.

  3. Light / dark / high contrast matrix

    Four scrollers paired against light, dark, HC-light, and HC-dark backgrounds. Plus a live probe of the OS contrast / forced-colors signals Fluent reads.

  4. Scrollbar anatomy

    Configure scrollbar-width, thumb colour, and track colour with live colour pickers. Five scrollable regions show every variant (auto/thin/none, custom colours, dark theme) side by side — with a CSS property support matrix comparing Chrome 133, Firefox, and Safari.

  5. Dual-axis scroller

    Exercise the vertical, horizontal, and corner-intersection states together in spreadsheet and image-grid layouts, with live width and colour controls.

why it shipped

This feature modernizes the Chromium scrollbars (both overlay and non-overlay) on Windows and Linux to fit the Windows 11 Fluent design language.

references