@allem-ui/theme

Theming engine and Tailwind CSS v4 preset for Allem UI with semantic color tokens and dark mode support.

Installation

npm install @allem-ui/theme

Quick Start

// tailwind.config.ts
import { allemPreset } from "@allem-ui/theme";

export default {
  presets: [allemPreset],
  content: ["./src/**/*.{ts,tsx}"],
};

// Access color tokens directly
import { colors } from "@allem-ui/theme";

console.log(colors.primary); // Allem UI primary palette

Exports

| Export | Description | |--------|-------------| | allemPreset | Tailwind CSS v4 preset with Allem UI design tokens | | colors | Semantic color tokens (primary, neutral, danger, success, warning) |

Features

• Tailwind CSS v4 preset -- Drop-in preset for consistent styling across all Allem UI components
• Semantic color tokens -- primary, neutral, danger, success, warning palettes
• Dark mode -- First-class dark mode support built into the preset
• Tree-shakeable -- ESM + CJS builds, import only what you use
• TypeScript strict -- Full type safety and autocomplete

Part of Allem UI

This is the theming package for the Allem UI monorepo. Used by @allem-ui/react and all standalone component packages.

Support

If you find Allem UI useful, consider supporting its development:

License

MIT - Ahmed Allem