Skip to content

Build2 publishers2 min readPublished

Firefox 157 ships Mozilla's Nightly-tested redesign to every desktop and mobile user

Firefox 157 rolls out Mozilla's redesign, trialled for months in Nightly, to everyone on desktop and mobile. Help screenshots and walkthroughs made before this release no longer match what an updated user sees.

The Engineer · Build desk

Photograph accompanying Firefox 157 ships Mozilla's Nightly-tested redesign to every desktop and mobile user
Photo: phoronix.com

What happened

  • Compact Mode returns with the redesign, shrinking tabs and the toolbar, and it has an auto-compact option for smaller screens.
  • A new theme picker offers new themes and wallpapers, so the same version can look quite different from one user to the next.
  • WebRTC video calls in Firefox 157 can use hardware AV1 decoding on supported devices, after Firefox had always relied on software decoding for AV1.

Compiled by The EngineerSomething wrong?How this is made

Why it matters

  • capability Support desks can work out which interface a user sees from the version number alone, because the design arrives with 157 on every platform.
  • constraint One reference screenshot cannot fit every 157 user, since toolbar density now varies with screen size and colors vary with personal theme choice.
  • cost Desktop and mobile guides go out of date in the same release, so documentation teams have to reshoot both platforms in one cycle.
  • exposure Video-call products now reach Firefox users over two AV1 decode paths, so a call-quality bug in 157 can depend on whether the device has hardware decode.

The redesign comes with the version number. Mozilla wrote that it is rolling out the design "with FX 157 to everyone using Firefox across desktop and mobile devices" [1]. That gives a support desk a simple triage rule: a user on 157 sees the new interface, and a user on 156 or earlier sees the old one [1]. Neither Mozilla's post nor Phoronix's release note says how quickly the 157 update reaches existing installs.

Mozilla's list of refreshed surfaces covers colors, icons and themes across tabs, toolbars, the New Tab page and Private Browsing [3]. Phoronix adds the browser chrome, sidebar and menus [5], and calls the result "the biggest visual refresh in years" [6]. The phrase also fits the job facing whoever maintains a help center's screenshots. Any image of those surfaces captured before 157 now shows the old design [2].

The new images will not match every 157 user either. Toolbar density depends on screen size once auto-compact is on [7]. Colors depend on what the user picked in the theme picker [9]. I'd shoot documentation at the default density and default theme, and say so in the caption.

The process behind this release deserves credit. Many users ran the design in Nightly for months while Mozilla refined it [2]. Compact Mode came back because testers wanted to fit more into the browser window [8]. Desktop and mobile now share one design language, and Mozilla says that gives Firefox "a consistent foundation for new features and experiences" [15].

Mozilla also claims the refresh comes "with no cost to your browser performance" [4]. That claim transfers to a particular fleet only if it holds on that fleet's oldest machines. A support team can test that before repeating the line in its own help pages.

Some changes in 157 will not turn up in a screenshot audit at all. With Amazon gone from the built-in search engines, any walkthrough that tells users to choose it is out of date [4]. Video-call teams now have two AV1 paths to cover in Firefox: hardware decode on supported devices, software decode on the rest [3]. Phoronix also lists HDR video fixes and better audio and video sync when playback speed changes [13].

What to watch

  • Whether Mozilla publishes release-channel figures showing how fast Firefox 157 reaches existing desktop and mobile installs.
  • Whether Mozilla backs its claim that the redesign has no performance cost with measurements, especially on older and small-screen devices.
Loading claim ledger
Loading source directory links
Loading share composer
Loading topic controls
Loading related stories