tailwind.config.js

const colors = require('tailwindcss/colors');
const { tailwindExtractor } = require("tailwindcss/lib/lib/purgeUnusedStyles");

module.exports = {
	purge: {
		mode: 'all',
		content: ['./**/**/*.html', './**/**/*.svelte'],
		options: {
			whitelistPatterns: [/svelte-/],
			defaultExtractor: (content) => [
				// This is an internal Tailwind function that we're not supposed to be allowed to use
				// So if this stops working, please open an issue at
				// https://github.com/svelte-add/tailwindcss/issues
				// rather than bothering Tailwind Labs about it
				...tailwindExtractor(content),
				// Match Svelte class: directives (https://github.com/tailwindlabs/tailwindcss/discussions/1731)
				...[...content.matchAll(/(?:class:)*([\w\d-/:%.]+)/gm)].map(([_match, group, ..._rest]) => group),
			],
		},
	},
	darkMode: false,
	theme: {
		extend: {
			colors: {
				gray: colors.gray,
			},
		},
	},
	variants: {
		extend: {},
	},
	plugins: [],
}