packages/colors/gen-accent-shades.ts

   1 import type { Instance as Color } from 'tinycolor2';
   2 import tinycolor from 'tinycolor2';
   3
   4 function genAccentColorShades(base: Color) {
   5     const hsl = base.toHsl();
   6
   7     return [
   8         base,
   9         tinycolor({
  10             h: hsl.h,
  11             s: Math.max(0, hsl.s - 0.05),
  12             l: Math.max(0, hsl.l - 0.05),
  13         }),
  14         tinycolor({
  15             h: hsl.h,
  16             s: Math.max(0, hsl.s - 0.1),
  17             l: Math.max(0, hsl.l - 0.1),
  18         }),
  19     ];
  20 }
  21
  22 export default genAccentColorShades;