====

## tailwind(v3)でカラーを簡単に切り換える
LaravelのスターターキットBreeze/Jetstreamではメインのカラーは**indigo**が使われている。カラーを変えたい時にhtmlのindigoを全部書き換えるなんて面倒なことはしたくない。

`tailwind.config.js`の`theme.extend.colors`で上書きすれば一括で変更できる。indigoが全部orangeに変更される。逆にindigoは使えなくなるのでindigoも使いたい場合は別の名前でindigoも作るなどして工夫する。

<script src="https://gist.github.com/puklipo/e07f509bb91a9771637aacf318406659.js"></script>

```const colors = require("tailwindcss/colors");

/** @type {import('tailwindcss').Config} */
module.exports = {
    //

    theme: {
        extend: {
            colors: {
                indigo: colors.orange
            },
        },
    },
```