GwenUI Logo
GwenUI
Docs/PACKAGES/@gwenui/themes

@gwenui/themes

Foundation package for GwenUI — OKLCH design tokens and self-hosted fonts.

Overview#

@gwenui/themes is the foundation of GwenUI. It provides:

  • OKLCH-based CSS custom properties (design tokens)
  • Self-hosted fonts: Plus Jakarta Sans, Lora, Space Mono
  • Theme definitions: gwen-noir (dark), violet-dusk (light, coming soon)

All other GwenUI packages depend on @gwenui/themes.

Installation#

$ pnpm add @gwenui/themes

Usage#

Import tokens and fonts in your globals.css:

@import "@gwenui/themes/tokens";
@import "@gwenui/themes/fonts";

Exports#

ExportDescription
@gwenui/themes/tokensOKLCH CSS custom properties
@gwenui/themes/fontsSelf-hosted font-face declarations

Token list#

See Design Tokens for the full token reference.

Status#

Published on npm. Stable. ✅