lobe-chat

1
import chroma from 'chroma-js';
2

3
export const convertAlphaToSolid = (foreground: string, background: string): string => {
4
  const fgColor = chroma(foreground);
5
  const bgColor = chroma(background);
6

7
  const alpha = fgColor.alpha();
8
  const alphaComplement = 1 - alpha;
9

10
  const mixedColor = [
11
    fgColor.get('rgb.r') * alpha + bgColor.get('rgb.r') * alphaComplement,
12
    fgColor.get('rgb.g') * alpha + bgColor.get('rgb.g') * alphaComplement,
13
    fgColor.get('rgb.b') * alpha + bgColor.get('rgb.b') * alphaComplement,
14
  ];
15

16
  const resultColor = chroma(mixedColor);
17

18
  return resultColor.hex();
19
};
20