css

TailwindCSSでデフォルトカラーを追加する方法

デフォルトで使えないカラーの追加方法です

tailwind.config.jsを編集

以下のように編集します

extend: {
            colors: {
                orange: {
                    100: '#fffaf0',
                    200: '#feebc8',
                    300: '#fbd38d',
                    400: '#f6ad55',
                    500: '#ed8936',
                    600: '#dd6b20',
                    700: '#c05621',
                    800: '#9c4221',
                    900: '#7b341e'
                },
            }

上記を追加で「bg-orange-100」など使えるようになります。

カラーコードはこちらを参考にするといいです。

-css

© 2021 ストロテクトNote