title: How can I specify the text color for a pinned site tile?
body: <p>I have a web app, I'd like to make into a <a href="https://msdn.microsoft.com/en-us/library/gg491738" rel="nofollow noreferrer">pinnable website</a>. It currently has the following in its <code>&lt;head&gt;</code> element:</p>
  
  <pre><code>&lt;meta name="application-name" content="MyWebApp"&gt;
  &lt;meta name="msapplication-TileColor" content="#666666"&gt;
  &lt;meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png"&gt;
  &lt;meta name="msapplication-config" content="/images/favicons/browserconfig.xml"&gt;
  &lt;meta name="theme-color" content="#ffffff"&gt;
  </code></pre>
  
  <p>And the <code>browserconfig.xml</code> looks like this:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;browserconfig&gt;
    &lt;msapplication&gt;
      &lt;tile&gt;
        &lt;square70x70logo src="/images/favicons/mstile-70x70.png"/&gt;
        &lt;square150x150logo src="/images/favicons/mstile-150x150.png"/&gt;
        &lt;square310x310logo src="/images/favicons/mstile-310x310.png"/&gt;
        &lt;wide310x150logo src="/images/favicons/mstile-310x150.png"/&gt;
        &lt;TileColor&gt;#666666&lt;/TileColor&gt;
      &lt;/tile&gt;
    &lt;/msapplication&gt;
  &lt;/browserconfig&gt;
  </code></pre>
  
  <p>However the tile currently displays with very dark text, rather than white text. </p>
  
  <p>My problem is similar to <a href="https://stackoverflow.com/questions/19026005/how-to-change-windows-8-live-tile-text-color">How to change windows 8 live tile text color?</a>, except that's for native apps, this is for for web apps. </p>
  
  <p>A <a href="http://answers.microsoft.com/en-us/windows/forum/windows_8-desktop/need-ability-to-set-tile-text-color-through-meta/10a19e0b-1303-47ec-8d6b-3670aa16e4e4" rel="nofollow noreferrer">similar question on MSDN</a> has no answers.</p>