# Google Chrome 150

- Product: Google Chrome (https://whatsnew.fyi/product/google-chrome)
- Vendor: Google
- Date: 2026-06-30
- Version: 150
- Original notes: https://developer.chrome.com/release-notes/150
- Permalink: https://whatsnew.fyi/product/google-chrome/releases/150

What's New is an index, not a publisher: every entry below links to the vendor's own release notes, which are the authoritative source. Entries are labelled where they are hand-curated sample data, pre-releases, or drawn from a secondary source such as a developer blog.

Reuse: the summaries, labels and curation here are © What's New. Quote freely with attribution and a link back; wholesale republication of the corpus is not permitted — terms: https://whatsnew.fyi/terms. The vendors' own release notes remain their publishers'.

---

- **added** — Add AccentColor and AccentColorText system colors in CSS to access the system accent color specified on the user's device
- **added** — Add optional corner-rounding parameter for polygon() CSS shape function
- **added** — Make CSS zoom property animatable and interpolate as a number
- **added** — Add CSS url() request modifiers cross-origin(), integrity(), and referrer-policy() to control fetch behavior of referenced resources
- **added** — Add CSS text-fit property to scale font size of text nodes to fit the width of containing box
- **added** — Implement border-area value for CSS background-clip property
- **added** — Add CSS image() function to generate a solid-color image from any color
- **added** — Extend CSS light-dark() function to accept image values in author stylesheets
- **added** — Support multiple queries per @container rule with comma-separated container queries
- **added** — Expose unprintable areas with CSS page-margin-safety descriptor
- **added** — Add flex-wrap: balance to distribute content between flex-lines
- **added** — Add named-feature() function for CSS @supports rules
- **added** — Add chain value to overscroll-behavior property
- **added** — Add path-length CSS property mapping to SVG pathLength presentation attribute

Stable release date: June 30th, 2026
Unless otherwise noted, the following changes apply to Chrome 150 stable channel release for Android, ChromeOS, Linux, macOS, and Windows.
##### CSS and UI
###### AccentColor and AccentColorText system colors
The AccentColor and AccentColorText system colors can be used in CSS to access the system accent color specified on the user's device. This lets developers apply native-app-like styling to their web content in contexts where users expect OS theme integration, such as an installed web application. Users must be in an installed web application on the initial profile to see the system accent color rendered.
Tracking bug #40229450 | ChromeStatus.com entry | Spec
###### Allow optional rounding parameter for polygon()
Adds an optional corner-rounding parameter in the polygon() CSS shape function. Developers can specify a length value to round polygon corners without manually computing bezier curves.
Tracking bug #329302249 | ChromeStatus.com entry | Spec
###### Animatable zoom
The CSS zoom property is animatable and interpolates as a <number>. Developers can transition and animate zoom to smoothly scale elements and their layout, complementing existing transform-based scaling.
Tracking bug #393810951 | ChromeStatus.com entry
###### CSS url() request modifiers
CSS url() functions accept optional request modifiers after the quoted URL string: cross-origin(), integrity(), and referrer-policy(). These modifiers control the fetch behavior of the referenced resource directly from CSS, without requiring changes to HTML markup or JavaScript. For example, background-image: url("image.png" cross-origin(anonymous)) fetches the image using CORS anonymous mode. This gives authors fine-grained control over cross-origin access, subresource integrity, and referrer policy for CSS-loaded resources including images, fonts, SVG references, and imported stylesheets.
Tracking bug #435625756 | ChromeStatus.com entry | Spec
###### CSS text-fit property
Scales the font size of text nodes to perfectly fit the width of its containing box.
This property lets developers ensure headlines or dynamic content fill the available horizontal space without manual font-size calculations or complex JavaScript workarounds. It provides a robust, CSS-native solution for responsive typography that maintains visual alignment across different screen sizes and varying text lengths.
Tracking bug #417306102 | ChromeStatus.com entry | Spec
###### CSS background-clip: border-area
Implements the border-area value for the CSS background-clip property, as defined in CSS Backgrounds Level 4. background-clip: border-area clips an element's background to the area painted by its border strokes, taking border-width and border-style into account while ignoring transparency from border-color. This lets developers gradient borders without border-image. WebKit already ships this feature; this implementation brings Chromium to parity.
Tracking bug #329302543 | ChromeStatus.com entry | Spec
###### CSS image(<color>) function
The image() function lets authors generate a solid-color image from any color. Its syntax is: image() = image( <color> )
Tracking bug #510426954 | ChromeStatus.com entry | Spec
###### CSS light-dark() with image values
Extends the CSS light-dark() function to accept image values (url(), image-set(), none) in author stylesheets, letting image properties like background-image, list-style-image, border-image-source, cursor, and content automatically switch between images based on the user's preferred color scheme. Previously this was only allowed in UA stylesheets. This aligns with the CSS Color 5 specification and matches Firefox's existing implementation.
Tracking bug #491829958 | ChromeStatus.com entry | Spec
###### Comma-separated container queries
Support multiple queries per @container rule. The @container rule applies if at least one of the queries matches.
This makes it possible to have fallback queries for features which are no

_[Truncated at 4000 characters — full notes: https://developer.chrome.com/release-notes/150]_