@josecortez1/c42-styles

Optional, fully customizable CSS theme for the headless controllers in @josecortez1/c42-core. The controllers ship no styles of their own — this package provides a polished default look built on design tokens you can override.

npm install @josecortez1/c42-styles

Usage

Import the full theme once, near your app entry point:

import '@josecortez1/c42-styles';        // resolves to index.css

Or cherry-pick exactly what you need:

import '@josecortez1/c42-styles/tokens.css';   // CSS custom properties (the design tokens)
import '@josecortez1/c42-styles/dark.css';     // dark theme overrides
import '@josecortez1/c42-styles/accordion.css';
import '@josecortez1/c42-styles/tabs.css';

Every component CSS file is exported individually (see the exports map in package.json), so you only ship the styles for the components you use.

Theming

All visual values are driven by CSS custom properties defined in tokens.css. Override them in your own stylesheet to re-skin the whole library:

:root {
  --c42-color-accent: #6d28d9;
  --c42-radius: 0.75rem;
}

License

MIT © Laravel42