Theme variables - Core concepts - Tailwind CSS
tailwindcss.com · 6,379 words · saved by 1 readers
Using utility classes as an API for your design tokens.
Theme variables - Core concepts - Tailwind CSS v 4.3 ⌘K Ctrl K Docs Blog Showcase Partners Plus Core concepts Theme variables Core concepts Theme variables Using utility classes as an API for your design tokens. Overview Tailwind is a framework for building custom designs, and different designs need different typography, colors, shadows, breakpoints, and more. These low-level design decisions are often called design tokens , and in Tailwind projects you store those values in theme variables . What are theme variables? Theme variables are special CSS variables defined using the @theme directive
related reading
- Colors - Core conceptstailwindcss.com
- Tailwind CSS Colors - All colors + Custom color generatoruicolors.app
- Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.tailwindcss.com
- Why I Love Tailwind | Max Stoiber (@mxstbr)mxstbr.com
- TailwindCSS: Adds complexity, does nothing. - DEV Communitydev.to
- Say precisely what you mean.index.how
- RandomA11y - Accessible Color Combinationsrandoma11y.com
- opacity - Effectstailwindcss.com
- Crafting the Next.js Websiterauno.me
- colors - CSS variable calculation of HSL values - Stack Overflowstackoverflow.com
- Themed components - Material UImui.com
- Realtime Colorsrealtimecolors.com