tailwindcssのconfigに設定した値を取得する

ossのライブラリのスタイルを弄るのになぜかtailwindが効かないものがあり、仕方なくカラーコードを直接参照することにして、その時に調べたメモ。

以前 chakra-uiでthemeからカラーコードを取得する - ゆずめもでやったもののtailwind版

tailwindcssパッケージにresolveConfigというのが入っているのでそれを使う

import themeResolver from 'tailwindcss/resolveConfig'
import tailwindConfig from '../../tailwind.config'

const config = themeResolver(tailwindConfig)

これでconfigが取得できるので、config.theme.colors.blackのような形でアクセスできる