Storyden

import chroma from "chroma-js";

export function badgeColourCSS(c: string) {
  const { bg, bo, fg } = badgeColours(c);

  return {
    "--colors-color-palette-fg": fg,
    "--colors-color-palette-border": bo,
    "--colors-color-palette-bg": bg,
  } as React.CSSProperties;
}

export function badgeColours(c: string) {
  const colour = chroma(c);

  const bg = colour.brighten(2).desaturate(3).css();
  const bo = colour.darken(1).desaturate(1).alpha(0.2).css();
  const fg = colour.darken(1).saturate(2).css();

  return { bg, bo, fg };
}