【Tailwind CSS】色を追加したい

Tailwind CSSでデフォルトの色を保持したまま新しい色を追加したい場合は、tailwind.config.jsを編集します。

コード例

module.exports = {
  theme: {
    extend: {
      colors: {
        main: '#e5b224',
      },
    },
  },
}

上のコードを書けば、デフォルトの色を使うようにclass="text-main"として色を使うことができます。