Add Material Design colors to TailwindCSS

To add Material Design colors to TailwindCSS, just copy the content from this Gist and save it as a .js file. You can find the Gist here:

https://gist.github.com/Posandu/76ac596d64bc66178df4fb583f7a8c88

After that, update your Tailwind CSS configuration like this:

const { colors } = require('file_you_saved.js'); // If you're using CommonJS
// or, if you're using ES6 modules
import { colors } from 'file_you_saved.js';
 
/** @type {import('tailwindcss').Config} */
module.exports = {
	theme: {
		//...
		colors
	}
};

Alternatively, you can simply copy the object inside the Gist and use it as the colors option in your configuration:

/** @type {import('tailwindcss').Config} */
module.exports = {
	theme: {
		//...
		colors: {} // Paste the object here
	}
};