upsider_dev https://blog.hatena.ne.jp/upsider_dev/ UPSIDER Techblog https://tech.up-sider.com/ Frontend こんにちは、UPSIDERでエンジニアをしている太田です（@Hide55832241）。 私たちが開発する支払い.comをはじめUPSIDERのプロダクトではTailwind CSSを使用しているものがあります。 その中で動的に色を扱いたいケースがあったため紹介します。 ※ Tailwind v3の話をします。記事後半でv4について少し触れます。 背景とユースケース 1つのプロダクトでユーザーごとにテーマカラーを変えたい。 たとえばコミュニティサイトでプロフィールページのキーカラーを自由に設定させたい場面を想定します。 デフォルトは灰みがかった青紫です。 しかし全員この色では少し退屈なので、ユ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.up-sider.com%2Fentry%2F20250611_tailwind" title="Tailwind CSSで動的なテーマカラーを扱う方法 - UPSIDER Techblog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/u/upsider_dev/20250818/20250818100429.png Hatena Blog https://hatena.blog 2025-06-11 14:16:42 rich https://tech.up-sider.com/entry/20250611_tailwind 1.0 100%