applications/calendar/src/app/helpers/color.ts

   1 import type { CSSProperties } from 'react';
   2
   3 import tinycolor from 'tinycolor2';
   4
   5 import { genAccentShades } from '@proton/colors';
   6 import { COLORS } from '@proton/shared/lib/calendar/constants';
   7
   8 export const getEventStyle = (backgroundColor = '', style: CSSProperties = {}) => {
   9     const [base, alt] = genAccentShades(tinycolor(backgroundColor)).map((c) => c.toHexString());
  10     const alpha = tinycolor(backgroundColor)?.setAlpha(0.3);
  11
  12     return {
  13         ...style,
  14         '--color-main': base,
  15         '--color-alt': alt,
  16         '--color-alpha': alpha,
  17         '--foreground': COLORS.WHITE,
  18     };
  19 };