colours.ts•540 B
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 };
}