Color Utilities
Shared 20-color theme palette with gradient, glow, border, and text styles for consistent theming across components.
Installation
$ npx shadcn@latest add @orecus/color-utilsShared 20-color theme palette with gradient, glow, border, and text styles for consistent theming across components.
$ npx shadcn@latest add @orecus/color-utilsimport { type ThemeColor, colorStyles, getColorStyle } from "@/components/ui/orecus.io/lib/color-utils";// Use ThemeColor for type-safe color propsinterface MyComponentProps { color?: ThemeColor; // primary, secondary, teal, purple, etc.}// Get styles for a colorconst style = getColorStyle("purple");// style.gradient → "from-purple-500/80 to-purple-400"// style.glow → "shadow-purple-500/30"// style.border → "border-purple-500/50"// style.text → "text-white"// Apply to an element<div className={`bg-linear-to-r ${style.gradient} ${style.text}`}> Gradient background with matching text</div>