Livery

Livery is a type-safe, schema-driven theming library for TypeScript applications that makes it easy to build flexible, dynamic theming systems.

Define your design tokens (colors, typography, spacing, shadows, and more) using a schema, and Livery handles validation, TypeScript inference, and CSS variable generation automatically.

Whether you're implementing light and dark modes, building a white-label product, or supporting fully customizable per-tenant branding, Livery provides the foundation to manage themes with confidence.

With zero runtime dependencies in its core and first-class support for server-side rendering, it's built to scale from simple use cases to complex theming requirements.

---

Want to learn more about the concepts behind Livery? Check out my deep dive on theming where I cover everything from CSS fundamentals to multi-tenant theming systems.