title: customizing color tailwind
body: <p>I've been reading the documentation for tailwindcss but I just cannot configure my 'tailwind.config.js' file to property export a custom color property to my HTML. Is there something I am doing wrong? I installed the tailwind css 2.0 dependency along with postcss/ autoprefixer. The below are my 3 main files. I am trying to get the custom color name &quot;slightly&quot; to work but just doesn't color up my body background. Wondering if i am exporting my module incorrectly in my JS file?</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;link href=&quot;../node_modules/tailwindcss/dist/tailwind.css&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;&gt;
      &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body class=&quot;bg-slightly-600&quot;&gt;
      
      
  &lt;/body&gt;
  &lt;/html&gt;
  
  
  JS:
  
  module.exports = {
    purge: [],
    darkMode: false, // or 'media' or 'class'
    theme: {
      colors: {
        transparent: 'transparent',
        current: 'currentColor',
        slightly: '#c44e4e'
      },
      extend: {},
    },
    variants: {
      extend: {},
    },
    plugins: [],
  }
  
  CSS:
  @tailwind base;
  @tailwind components;
  @tailwind utilities;
  
  
  
  </code></pre>