brackt/app/components/ui/BracktGradients.tsx

20 lines
653 B
TypeScript
Raw Normal View History

/**
* Renders hidden SVG gradient definitions that can be referenced by ID
* anywhere in the document via stroke="url(#brackt-primary-gradient)" etc.
*
* Mount this once near the root of the app.
*/
export function BracktGradients() {
return (
<svg width="0" height="0" aria-hidden className="absolute">
<defs>
{/* Green (top) → Cyan (bottom) — the main Brackt brand gradient */}
<linearGradient id="brackt-primary-gradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stopColor="#adf661" />
<stop offset="100%" stopColor="#2ce1c1" />
</linearGradient>
</defs>
</svg>
);
}