/** @type {import('tailwindcss').Config} */ module.exports = { // purge: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"], // purge: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"], content: [ // Example content paths... "./public/**/*.html", "./src/**/*.{js,jsx,ts,tsx,vue}", ], theme: { extend: {}, screens: { sm: { max: "767px" }, md: { max: "1023px" }, lg: { max: "1279px" }, xl: { max: "1535px" }, "2xl": { min: "1536px" }, }, colors: { pp: { 100: "#BE8AEF", 200: "#B172EC", 300: "#A45BE9", 400: "#9744E5", 500: "#8A2BE2", 600: "#7B1DD3", 700: "#6C19B9", 800: "#5C169F", 900: "#4D1284", default: "#8A2BE2", }, orange: { 500: "#ffa500", default: "#ffa500" }, suc: { 500: "#52c41a", default: "#52c41a" } }, }, plugins: [], important: true, };