@synu/theme

Default visual theme for the Synu design system — CSS variables, component styles, reset, and typography. Zero-runtime, precompiled CSS.

Installation

npm install @synu/theme

Or install everything at once: npm install synu

Usage

Import the full theme (recommended):

import '@synu/theme';

Or import individual layers:

import '@synu/theme/base';           // Variables + reset
import '@synu/theme/components';     // All component styles
import '@synu/theme/utilities';      // Utility classes

Or import specific component styles:

import '@synu/theme/base';
import '@synu/theme/components/button';
import '@synu/theme/components/dialog';

What's Included

• CSS Variables — Full token set: colors, spacing, radius, shadows, typography, motion, z-index
• Reset — Minimal, opinionated CSS reset
• Component Styles — Styles for every @synu/react component
• Dark Mode — Automatic via [data-theme="dark"] attribute
• Utilities — Common helper classes

Documentation

Visit synu.dev for the theming guide.

License

MIT