title: How can I set a solid color as background for the ENTIRE menu?
body: <p>How can I modify my Menu so that it shows the color all the way through and not like this:</p>
  
  <p><a href="https://i.stack.imgur.com/4afu1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4afu1.png" alt="alt text"></a>
  </p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;DockPanel&gt;
      &lt;Menu DockPanel.Dock="Right"
            Height="30"              
            VerticalAlignment="Top"
            Background="#2E404B"
            BorderThickness="2.6" 
            Foreground="#FFAA00"&gt;
          &lt;Menu.BitmapEffect&gt;
              &lt;DropShadowBitmapEffect Direction="270" ShadowDepth="3" Color="#2B3841"/&gt;
          &lt;/Menu.BitmapEffect&gt;
  
          &lt;MenuItem Header="File" &gt;
              &lt;MenuItem Header="New Build" Background="#2E404B"&gt;&lt;/MenuItem&gt;
              &lt;Separator /&gt;
              &lt;MenuItem Header="Exit" Background="#2E404B"&gt;&lt;/MenuItem&gt;
          &lt;/MenuItem&gt;
  
          &lt;MenuItem Header="Edit" &gt;
              &lt;MenuItem Header="Language" Background="#2E404B"&gt;&lt;/MenuItem&gt;
              &lt;MenuItem Header="Display Mode" Background="#2E404B"&gt;&lt;/MenuItem&gt;
              &lt;Separator /&gt;
              &lt;MenuItem Header="Settings" Background="#2E404B"&gt;&lt;/MenuItem&gt;
          &lt;/MenuItem&gt;
  
          &lt;MenuItem Header="View" &gt;
  
          &lt;/MenuItem&gt;
          &lt;MenuItem Header="About" &gt;
  
          &lt;/MenuItem&gt;
      &lt;/Menu&gt;
  &lt;/DockPanel&gt;
  </code></pre>
  
  <p>Also, I realize I'm setting the color in all instances of the MenuItem, if someone could show me a more efficient way of doing that, that would be awesome as well. :D</p>