Grab flatuicolors.com palette as sass variables

instructions.md

Go to any color palette on flatuicolors.com (e.g. https://flatuicolors.com/palette/de), then paste & execute the script below in the browser console:

run-this-in-console.js

printSassColors();

function toCamelCase(str) {
  return str.replace(/(?:^\w|[A-Z]|\b\w)/g, (letter, index) => {
    return index == 0 ? letter.toLowerCase() : letter.toUpperCase();
  }).replace(/\s+/g, '');
}

function getColors() {
  const colors = {};
  document.querySelectorAll('.color').forEach((element) => {
    const name = toCamelCase(element.querySelector('span').innerHTML);
    const color = element.getAttribute('style')
      .replace(/^background: /, '')
      .replace(/;$/, '');
    colors[name] = color;
  });
  return colors;
}

function printSassColors() {
  const colors = getColors();
  console.log(
    Object.keys(colors).map((name) => {
      return `\$${name}: ${colors[name]};`;
    }).join('\n')
  );
}