77 lines
1.9 KiB
JavaScript
77 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
const colors = require('tailwindcss/colors')
|
|
const shades = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900', '950'];
|
|
const colorList = ['gray', 'green', 'cyan', 'amber', 'violet', 'blue', 'rose', 'pink', 'teal', "red"];
|
|
const uiElements = ['bg', 'selection:bg', 'border', 'text', 'hover:bg', 'hover:border', 'hover:text', 'ring', 'focus:ring'];
|
|
const customColors = {
|
|
cyan: colors.cyan,
|
|
green: colors.green,
|
|
amber: colors.amber,
|
|
violet: colors.violet,
|
|
blue: colors.blue,
|
|
rose: colors.rose,
|
|
pink: colors.pink,
|
|
teal: colors.teal,
|
|
red: colors.red,
|
|
}
|
|
|
|
let customShadows = {};
|
|
let shadowNames = [];
|
|
let textShadows = {};
|
|
let textShadowNames = [];
|
|
|
|
for (const [name, color] of Object.entries(customColors)) {
|
|
customShadows[`${name}`] = `0px 0px 10px ${color["500"]}`;
|
|
customShadows[`lg-${name}`] = `0px 0px 20px ${color["600"]}`;
|
|
textShadows[`${name}`] = `0px 0px 4px ${color["700"]}`;
|
|
textShadowNames.push(`drop-shadow-${name}`);
|
|
shadowNames.push(`shadow-${name}`);
|
|
shadowNames.push(`shadow-lg-${name}`);
|
|
shadowNames.push(`hover:shadow-${name}`);
|
|
}
|
|
|
|
console.log(customShadows, textShadows);
|
|
|
|
const safelist = [
|
|
'bg-black',
|
|
'bg-white',
|
|
'transparent',
|
|
...shadowNames,
|
|
...textShadowNames,
|
|
...shades.flatMap(shade => [
|
|
...colorList.flatMap(color => [
|
|
...uiElements.flatMap(element => [
|
|
`${element}-${color}-${shade}`,
|
|
]),
|
|
]),
|
|
]),
|
|
];
|
|
|
|
console.log("Safe list", safelist);
|
|
|
|
module.exports = {
|
|
content: [
|
|
"./src/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
colors: {
|
|
transparent: 'transparent',
|
|
current: 'currentColor',
|
|
black: colors.black,
|
|
white: colors.white,
|
|
gray: colors.neutral,
|
|
...customColors
|
|
},
|
|
extend: {
|
|
dropShadow: {
|
|
...textShadows,
|
|
},
|
|
boxShadow: {
|
|
...customShadows,
|
|
}
|
|
}
|
|
},
|
|
plugins: [],
|
|
safelist,
|
|
}; |