<div dir="ltr"><div>That's correct. The only thing you can't do out-of-the-box with HeaderBar is assign different backgrounds to each of the areas (HeaderBar is a Region, which only has a single background).</div><div><br></div><div>Of course, you can place another layout container in one of the areas, and give the nested container a different background.</div><div><br></div><div>But this doesn't really work for the part of the header bar that is obscured by window controls. For example, let's assume we want to have a split header bar, but have the background of the left area be different than the background of the right area. If we simply place another container in the left area, and change its background, then the new background will be shifted to the right on macOS (due to the window controls on the left side of the window), and will not be shown below the window controls.</div><div><br></div><div>Application developers could solve this problem in several ways, but here's one: make the HeaderBar background transparent, and place a background node with the appropriate width and height _below_ the HeaderBar in the scene graph.</div><div><br></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Sat, Nov 16, 2024 at 12:07 AM Andy Goryachev <<a href="mailto:andy.goryachev@oracle.com">andy.goryachev@oracle.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div class="msg-4198243208039567556">





<div lang="EN-US" style="overflow-wrap: break-word;">
<div class="m_-4198243208039567556WordSection1">
<p class="MsoNormal"><span style="font-family:"Iosevka Fixed SS16";font-size:11pt"> </span></p>
<p class="MsoNormal"><span style="font-size:11pt;font-family:"Iosevka Fixed SS16"">I think the Notes-like UI can be implemented using the proposed HeaderBar (HB), all one needs to do is to bind the width of the left part in the HB to the split pane's divider
 position, without the need for multiple HB.<u></u><u></u></span></p>
<p class="MsoNormal"><span style="font-size:11pt;font-family:"Iosevka Fixed SS16""><u></u> <u></u></span></p>
<p class="MsoNormal"><span style="font-size:11pt;font-family:"Iosevka Fixed SS16"">-andy</span></p><div id="m_-4198243208039567556mail-editor-reference-message-container"><div><div><div>
</div>
</div>
</div>
</div>
</div>
</div>

</div></blockquote></div></div>