OnlineEducation-back-front/tailwind.config.js

const generatePrimaryColors = () => {
	const result = {
		primary: `var(--primary-color)`
	}
	for (let i = 0; i < 10; i++) {
		result[`primary-${i}`] = `var(--primary-${i})`
	}
	return result
}

const generateFontSize = () => {
	const result = {}
	for (let i = 10; i < 32; i++) {
		result[i] = `${i}px`
	}
	return result
}

const colors = require('tailwindcss/colors')

const filterWarnColors = (colors) => {
	const result = {}
	for (const key in colors) {
		if (['lightBlue', 'warmGray', 'trueGray', 'coolGray', 'blueGray'].indexOf(key) === -1) {
			result[key] = colors[key]
		}
	}
	return result
}

module.exports = {
	content: ['./src/**/*.vue', './src/**/*.js'],
	darkMode: 'class', // or 'media' or 'class'
	corePlugins: {
		preflight: false
	},
	theme: {
		extend: {},
		colors: {
			transparent: 'transparent',
			current: 'currentColor',
			...filterWarnColors(colors),
			...generatePrimaryColors()
		},
		fontWeight: {
			1: 100,
			2: 200,
			3: 300,
			4: 400,
			5: 500,
			6: 600,
			7: 700,
			8: 800,
			9: 900
		},
		fontSize: {
			...generateFontSize()
		}
	},
	variants: {},
	plugins: []
}