Storyden

import { range } from "lodash"; import { map } from "lodash/fp"; // Dynamic lightness for theming const L = "80%"; const C = "0.15"; const lch = (hue: number) => `oklch(${L} ${C} ${hue})`; const stops = map(lch)(range(0, 361, 10)); export const conicGradient = { value: ` conic-gradient( ${stops.join(",\n")} ) `, };