FancyZones Editor: Zone editing overlay is fully opaque in dark mode — cannot see windows underneath

Nobody has claimed this yet.

# Microsoft PowerToys version

v0.97.2

# Installation method

Other (unknown)

# Running as admin

No

# Area(s) with issue?

FancyZones

# Steps to reproduce

1. Enable Windows dark mode (Settings > Personalization > Colors > Dark)
2. Open several applications (browser, editor, terminal, etc.) and arrange them on screen
3. Open FancyZones Editor and select a custom layout to edit (or create a new one)
4. The zone editing screen appears as a full-screen overlay
5. Try to adjust zone boundaries by dragging dividers

# ✔️ Expected Behavior

The zone editing overlay should be semi-transparent, allowing users to see their open applications (browser, editor, terminal, etc.) underneath the zones. This way, users can adjust zone boundaries to match their actual window layout and workflow.

# ❌ Actual Behavior

The zone editing overlay is **fully opaque dark gray**, covering the entire screen. All open applications are completely hidden behind the overlay. Users cannot see anything underneath the zones while editing.

This makes it impossible to:
- See where your applications are positioned while adjusting zones
- Adjust zone boundaries to match your actual window layout
- Make informed decisions about zone sizing based on your workflow
- Visually confirm that zones align with your intended window arrangement

Additionally, the layout selection screen (where you choose between Templates and Custom layouts) also suffers from poor contrast — all layout thumbnails appear as nearly identical dark gray rectangles, making it difficult to distinguish different zone configurations at a glance.

**Layout selection screen — all thumbnails are nearly identical dark gray:**

*Zone editing overlay screenshot will be added below — showing the fully opaque overlay covering the entire screen with no visibility of windows underneath.*

# Other Software

- Windows 11 (dark mode)
- 4-monitor setup (2560×1440, 3440×1440, 1920×1080, 3440×1440)
- Multiple custom and template layouts configured

# Additional context

Related but different issues:
- #14825 (zone numbers too bright in dark mode — fixed)
- #4098 (system theme/accent color sync — closed)
- #12682 (zone ID text color customization — open)

**Suggested fixes:**
- Make the zone editing overlay semi-transparent so windows are visible underneath
- Add a transparency/opacity slider for the editor overlay
- Use the accent color or a lighter shade for zone borders to improve visibility in the layout selection screen

Start by reproducing the FancyZones Editor behavior in Windows 11 dark mode with applications arranged behind it, then inspect the editor's overlay and layout-selection entry points. Done means the editor preserves useful visibility of underlying windows and the template/custom thumbnails are distinguishable without regressing zone editing.

Written by the indexing model from the issue text.