Sistine

Auto Foreground

Component
View in Storybook

Sets --foreground / --muted-foreground from an OKLCH ramp so text contrast tracks light/dark automatically. Configure declaratively via props (palette, start, ramp) or a persisted config; re-applies on theme change.

Installation
Install this component using the shadcn CLI with your preferred package manager
bunx shadcn@latest add @sistine/auto-foreground
Usage
Example code for using this component

Preview not available for this component.

Props
Component props and variants

This component supports the following variants:

  • default - Standard styling
  • glass - Glassmorphism effect (default)