Repository: PowerToys
Issue: FancyZones zone opacity - set per monitor or autoscale with number of overalpping zones
Labels: Idea-Enhancement,Product-FancyZones,Needs-Triage

### Description of the new feature / enhancement

Currently the opacity setting applies to all monitors. This has limitations as described in the next section. I am not sure what the best solution would be.

### Scenario when this would be used?

I have two monitors. On my main monitor I have a large number of overlapping zones (38 total zones), on my secondary monitor I have only 6 zones. If I set my opacity setting low, I can work well with the main monitor but I can barely see the zones on the secondary monitor. If I set my opacity setting high, I can work well with the secondary monitor but cannot see any of the open apps on my main monitor.

Not sure what the solution should be. Could make the opacity setting per-monitor, or make it autoscale for the number of overlapped zones (per-monitor) (the opacity setting would become relative). However, it may not be trivial to calculate the number of overlapping zones. The solution would also have to consider users that have "Allow zones to span across monitors" enabled. I have this setting disabled.

### Supporting information
<img width="3000" alt="2023-10-02_10-34-18" src="https://github.com/microsoft/PowerToys/assets/120150565/bb0307cb-419e-4cdf-8061-a29843446569">

If you want to know why I have so many overlapping zones, I have pasted my main monitor zones below.
I have the following settings:
- Hold Shift key to activate zones while dragging > Enabled
- Use a non-primary mouse button to toggle zone activation > Enabled
- When multiple zones overlap > Activate the zone whose center is the closest to the cursor

I could define less zones and use multi zone spanning to achieve almost the same result but it would impact the speed at which I can use FancyZones.

    {
      "uuid": "{728B2C47-2096-44D4-9E3A-A316C3E1202B}",
      "name": "Custom layout 1",
      "type": "canvas",
      "info": {
        "ref-width": 2560,
        "ref-height": 1359,
        "zones": [
          {
            "X": 0,
            "Y": 0,
            "width": 2133,
            "height": 1359
          },
          {
            "X": 2133,
            "Y": 0,
            "width": 427,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 427,
            "height": 1359
          },
          {
            "X": 427,
            "Y": 0,
            "width": 2133,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 1991,
            "height": 1359
          },
          {
            "X": 1991,
            "Y": 0,
            "width": 569,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 569,
            "height": 1359
          },
          {
            "X": 569,
            "Y": 0,
            "width": 1991,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 1849,
            "height": 1359
          },
          {
            "X": 1849,
            "Y": 0,
            "width": 711,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 711,
            "height": 1359
          },
          {
            "X": 711,
            "Y": 0,
            "width": 1849,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 1707,
            "height": 1359
          },
          {
            "X": 1707,
            "Y": 0,
            "width": 853,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 853,
            "height": 1359
          },
          {
            "X": 853,
            "Y": 0,
            "width": 1707,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 1564,
            "height": 1359
          },
          {
            "X": 1564,
            "Y": 0,
            "width": 996,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 996,
            "height": 1359
          },
          {
            "X": 996,
            "Y": 0,
            "width": 1564,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 1422,
            "height": 1359
          },
          {
            "X": 1422,
            "Y": 0,
            "width": 1138,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 1138,
            "height": 1359
          },
          {
            "X": 1138,
            "Y": 0,
            "width": 1422,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 1280,
            "height": 1359
          },
          {
            "X": 1280,
            "Y": 0,
            "width": 1280,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 853,
            "height": 1359
          },
          {
            "X": 853,
            "Y": 100,
            "width": 854,
            "height": 1259
          },
          {
            "X": 1707,
            "Y": 0,
            "width": 853,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 640,
            "height": 1359
          },
          {
            "X": 640,
            "Y": 0,
            "width": 1280,
            "height": 1359
          },
          {
            "X": 1920,
            "Y": 0,
            "width": 640,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 1920,
            "height": 1359
          },
          {
            "X": 640,
            "Y": 0,
            "width": 1920,
            "height": 1359
          },
          {
            "X": 0,
            "Y": 0,
            "width": 2560,
            "height": 100
          },
          {
            "X": 0,
            "Y": 680,
            "width": 2560,
            "height": 679
          },
          {
            "X": 512,
            "Y": 64,
            "width": 1536,
            "height": 1152
          },
          {
            "X": 630,
            "Y": 152,
            "width": 1300,
            "height": 975
          }
        ],
        "sensitivity-radius": 20
      }
    },