Write Mode / Zoom Out: Dark toolbar inconsistency

[talldan]

Description

In Write Mode, the toolbar is now in a sort of dark mode.

If you have Write Mode and Zoom Out active at the same time, the dark toolbar stays active, even though Write Mode doesn't really do anything when Zoom Out is active (Zoom Out has precedence).

This is definitely part of a larger area where there needs to be more though about the overlap between Write Mode / Zoom Out (maybe the editor tools also shouldn't be shown in Zoom Out), though this issue feels like it can also be solved separately. A couple of options:

• Adopt the dark toolbar in Zoom Out
• (or) Ensure that the toolbar stays light when Write Mode and Zoom Out are active at the same time

cc @WordPress/gutenberg-design

Step-by-step reproduction instructions

1. Enable the write mode experiment (Admin sidebar > Gutenberg > Experiments)
2. Open the site editor and edit a template
3. Click the Zoom out button on the topbar
4. Switch between Write and Design mode and observe the toolbar change

Screenshots, screen recording, code snippet

https://github.com/user-attachments/assets/774207d5-3f9a-4861-8144-1b9e856249d9

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• [x] Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• [x] Yes

Please confirm which theme type you used for testing.

• [x] Block
• [ ] Classic
• [ ] Hybrid (e.g. classic with theme.json)
• [ ] Not sure

[jasmussen]

Because the two tools are so different in their behavior, the goal of the dark toolbar is to help differentiate between the two all the more, as a very visual aid. In that vein, this is working as expected: if you stay in write mode, across editing layouts and patterns, zooming out and changing colors, the color is meant to correspond to the tool you have selected.

I recognize there's more work to do to on the write tool itself, accentuating that and making it useful across.