title: Tailwind custom forms: how to add your own color (hex value)
body: <p>This site: <a href="https://tailwindcss-custom-forms.netlify.app/" rel="nofollow noreferrer">https://tailwindcss-custom-forms.netlify.app/</a> gives this example <code>tailwind.config.js</code> file:</p>
  <pre><code>// tailwind.config.js
  module.exports = {
    theme: {
      customForms: theme =&gt; ({
        dark: {
          'input, textarea, multiselect, checkbox, radio': {
            backgroundColor: theme('colors.gray.900'),
          },
          select: {
            backgroundColor: theme('colors.gray.600'),
          },
        },
        sm: {
          'input, textarea, multiselect, select': {
            fontSize: theme('fontSize.sm'),
            padding: `${theme('spacing.1')} ${theme('spacing.2')}`,
          },
          select: {
            paddingRight: `${theme('spacing.4')}`,
          },
          'checkbox, radio': {
            width: theme('spacing.3'),
            height: theme('spacing.3'),
          },
        }
      })
    },
    plugins: [
      require('@tailwindcss/custom-forms'),
    ]
  }
  </code></pre>
  <p>it uses <code>colors.gray.600</code> notation for setting colors. However I need a <code>#f90f39</code> color. How do I set it?</p>