tailwind-v4

SKILL.md

| 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.

Tailwind CSS v4 with CSS-first configuration and design tokens. Use when setting up Tailwind v4, defining theme variables, using OKLCH colors, or configuring dark mode. Triggers on @theme, @tailwindcss/vite, oklch, CSS variables, --color-, tailwind v4. Source: existential-birds/beagle.

View raw