こんにちは、UPSIDERでエンジニアをしている太田です(@Hide55832241)。 私たちが開発する支払い.comをはじめUPSIDERのプロダクトではTailwind CSSを使用しているものがあります。 その中で動的に色を扱いたいケースがあったため紹介します。 ※ Tailwind v3の話をします。記事後半でv4について少し触れます。 背景とユースケース 1つのプロダクトでユーザーごとにテーマカラーを変えたい。 たとえばコミュニティサイトでプロフィールページのキーカラーを自由に設定させたい場面を想定します。 デフォルトは灰みがかった青紫です。 しかし全員この色では少し退屈なので、ユ…