do0dleman / do0dle-colors Goto Github PK

import { Color } from 'do0dle-colors';

type ColorGenerationMethods = 'analogous' | 'complimentary' | 'monochromatic' | 'quadratic' | 'triadic' | 'tetraidic' | 'split complimentary';
const generateComplimentaryColorForTheme = (
  lightTheme = true,
  colors = 2,
  method: ColorGenerationMethods = 'split complimentary'
) => {
  return new Color(lightTheme ? '#1d4568' : '#f0f0f0')
    .getColorScheme(colors, method)
    .map(c => c.getCssHex())
}

const randomColorHex = (withComplimentary = false) => {
  if (withComplimentary) {
    return generateComplimentaryColorForTheme(true, 2, 'complimentary');
  }
  return generateComplimentaryColorForTheme(true, 1, 'monochromatic');
}

const randomColorCSS = (withComplimentary = false) => {
  if (withComplimentary) {
    const [color, complimentary] = randomColorHex(withComplimentary);
    return `background-color: ${color}; color: ${complimentary};`;
  }
  return `background-color: ${randomColorHex()};`;
}