title: Change default text color in Docusaurus v2
body: <p>In <a href="https://v2.docusaurus.io" rel="nofollow noreferrer">Docusaurus v2</a> I can override the default text color for each class as: </p>
  
  <pre><code>.features {
    display: flex;
    align-items: center;
    padding: 2rem 0;
    width: 100%;
    color: red;
  }
  </code></pre>
  
  <p>I don't like this approach because it makes it harder to define separate colors for the <code>dark</code> and <code>light</code> theme. </p>
  
  <p>By default the text color is set to <code>black</code> in <code>light</code> theme, and <code>white</code> in <code>dark</code> theme. However, I cannot seem to find where these are defined. </p>
  
  <ul>
  <li>I am interested in modifying these defaults, where are they defined?</li>
  <li>Is this the recommended way of styling the default text color?</li>
  </ul>