Minimal package that exports the Feldera modern theme CSS for reuse across multiple projects.
In a workspace with Bun:
bun add feldera-theme@workspace:*Import the theme CSS in your application:
import 'feldera-theme/feldera-modern.css'Or in your HTML:
<link rel="stylesheet" href="node_modules/feldera-theme/feldera-modern.css">The theme uses the data attribute data-theme="feldera-modern-theme". Apply it to your root element:
<html data-theme="feldera-modern-theme">
<!-- Your app content -->
</html>Or programmatically:
document.documentElement.setAttribute('data-theme', 'feldera-modern-theme')This theme provides comprehensive CSS custom properties including:
- Color palettes (primary, secondary, tertiary, success, warning, error, surface)
- Typography settings (fonts, sizes, weights, spacing)
- Layout properties (spacing, border radius, border widths)
- Dark mode variants
All colors use the modern OKLCH color space for perceptual uniformity.