title: How can I change the color of elements in a tag with tailwindcss
body: <p>I have a font awesome icon and a text inside an <code>&lt;a&gt;</code> in tailwindcss. The default color is blue because it is an <code>href</code>. How can I change this color with tailwindcss.
  This is the code I have so far</p>
  <pre><code>&lt;a
        class=&quot;bg-dark-150&quot;
        href=&quot;https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ site.baseurl }}{{ page.url }}&quot;
        onclick=&quot;window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;&quot;
        title=&quot;Share on Facebook&quot;
      &gt;
        &lt;i class=&quot;fa fa-facebook-official share-button&quot;&gt; facebook&lt;/i&gt;
  &lt;/a&gt;
  </code></pre>