title: Why doesn't Safari 15 on Desktop respect my theme-color setting?
body: <p>My site ( <a href="https://knpw.rs" rel="nofollow noreferrer">https://knpw.rs</a> ) has a tag in the <code>&lt;head&gt;</code> as such:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;meta name=&quot;theme-color&quot; content=&quot;#F9F9F9&quot;/&gt;
  </code></pre>
  <p>On Safari Mobile (iOS) the <code>theme-color</code> is respected for the header:</p>
  <p><a href="https://i.stack.imgur.com/CdKSO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CdKSO.png" alt="enter image description here" /></a></p>
  <p>But on Safari Desktop, the <code>theme-color</code> is not respected:</p>
  <p><a href="https://i.stack.imgur.com/o5Vuz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o5Vuz.jpg" alt="Safari Desktop knpw.rs" /></a></p>
  <p>Compare to <a href="https://registry.terraform.io" rel="nofollow noreferrer">https://registry.terraform.io</a> which has <code>theme-color</code> set to <code>#5c4ee5</code>:</p>
  <p><a href="https://i.stack.imgur.com/CeeSN.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CeeSN.jpg" alt="Terraform Registry desktop" /></a></p>
  <p>Which is also respected on mobile:</p>
  <p><a href="https://i.stack.imgur.com/P6SE8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P6SE8.png" alt="enter image description here" /></a></p>
  <p>Why isn't my <code>theme-color</code> respected on Safari 15 Desktop?</p>