tailwind-v4

| Configuration | tailwind.config.js | @theme in CSS | | Build Tool | PostCSS plugin | @tailwindcss/vite | | Colors | rgb() / hsl() | oklch() (default) | | Theme Extension | extend: {} in JS | CSS variables | | Dark Mode | darkMode config option | CSS variants |

default (standard mode) Generates CSS variables that can be referenced elsewhere:

Note: You can also use @theme default explicitly to mark theme values that can be overridden by non-default @theme declarations.

CSS ファーストの構成およびデザイン トークンを備えた Tailwind CSS v4。 Tailwind v4 のセットアップ、テーマ変数の定義、OKLCH カラーの使用、またはダーク モードの構成を行うときに使用します。 @theme、@tailwindcss/vite、oklch、CSS 変数、--color-、tailwind v4 でトリガーします。 ソース: artivilla/agents-config。