title: Qt styling Material.accent (a button) brigther than expected
body: <p>Using the Qt Quick Application as a template. I'm following this documentation about styling <a href="https://doc.qt.io/qt-6/qtquickcontrols2-material.html" rel="nofollow noreferrer">https://doc.qt.io/qt-6/qtquickcontrols2-material.html</a>. Here is the code:</p>
  <pre><code>import QtQuick
  import QtQuick.Layouts
  import QtQuick.Controls
  import QtQuick.Controls.Material
  import QtQuick.Window
  
  
  ApplicationWindow {
      id: window
      width: 1024
      height: 720
      visible: true
      title: qsTr(&quot;My Test&quot;)
  
      Material.theme: Material.Dark
      Material.primary: Material.Blue
      Material.accent: Material.Blue
  
      header: ToolBar {
          RowLayout {
              anchors.fill: parent
              ToolButton {
                  font.pixelSize: 20
                  text: qsTr(&quot;‹&quot;)
                  onClicked: stack.pop()
              }
              Label {
                  font.pixelSize: 20
                  text: &quot;My app&quot;
                  elide: Label.ElideRight
                  horizontalAlignment: Qt.AlignHCenter
                  verticalAlignment: Qt.AlignVCenter
                  Layout.fillWidth: true
              }
              ToolButton {
                  font.pixelSize: 20
                  text: qsTr(&quot;⋮&quot;)
                  onClicked: menu.open()
              }
          }
      }
  
  
      Button{
          text: qsTr(&quot;????&quot;)
          highlighted: true
      }
  }
  </code></pre>
  <p>And I'm obtaining this output:
  <a href="https://i.stack.imgur.com/XyTJi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XyTJi.png" alt="output" /></a>
  My question is why the button is brigther than the header content? Am I not using the same material?
  I'm using qt 6.2.2. SO: Linux mint</p>