ITU Docs

@itu/tailwind-config

Shared Tailwind CSS configuration providing design tokens, fonts, and theme setup for all apps and packages in the monorepo.

What It Provides

  • Color scales: brand, alt, sun, jeans, gray — OKLch-based with 50–950 shades
  • Semantic tokens: primary, secondary, accent, muted, destructive (shadcn/ui compatible)
  • Font families: Gibson (sans), Bitter (serif), Fira Code (mono), Noto (i18n)
  • Dark mode: CSS custom property overrides via .dark class
  • Theme CSS: importable as @itu/tailwind-config/theme.css

Usage

Apps import the theme CSS in their root layout:

tsx
import '@itu/tailwind-config/theme.css'
1 line of tsx code

Packages reference the config in their Tailwind setup.