Brand Colour Tailwind Plugin

index.js

let brands = {
	"500px": {
		"title": "500px",
		"slug": "500px",
		"colors": ["0099e5", "ff4c4c", "34bf49"]
	},
	"about-me": {
		"title": "About.me",
		"slug": "about-me",
		"colors": ["00a98f"]
	},
	"adidas": {
		"title": "Adidas",
		"slug": "adidas",
		"colors": ["000000", "be0027", "cf8d2e", "e4e932", "2c9f45", "371777", "52325d", "511378"]
	},
	"adobe": {
		"title": "Adobe",
		"slug": "adobe",
		"colors": ["ff0000", "fbb034", "ffdd00", "c1d82f", "00a4e4", "8a7967", "6a737b"]
  }
}

//take the above and map it into a data set fo use below

//also add a brand prefix? so brand-adidas-1 , brand-twitter-1

//use the slug

adidas: {
  '1': '000000',
  '2': 'be0027',
}
  
module.exports = function (variants) {
  return function ({ theme }) {
    return {
      theme: {
        extend: {
          colors: {
            'regal-blue': '#243c5a',
          }
        }
      }
    }
  }
}