IoTManagerWeb/tailwind.config.js

//https://stackoverflow.com/questions/70704377/default-colors-given-in-tailwind-documentation-are-not-working
const colors = require("./node_modules/tailwindcss/colors");

delete colors["lightBlue"];
delete colors["warmGray"];
delete colors["trueGray"];
delete colors["coolGray"];
delete colors["blueGray"];

module.exports = {
  purge: {
    enabled: !process.env.ROLLUP_WATCH,
    //mode: 'all',
    //preserveHtmlElements: false,
    content: ["./public/index.html", "./src/**/*.svelte"],
    options: {
      defaultExtractor: (content) => [
        ...(content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []),
        ...(content.match(/(?<=class:)[^=>\/\s]*/g) || []),
      ],
      //keyframes: true,
    },
  },
  //darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        // you can either spread `colors` to apply all the colors
        ...colors,
        // or add them one by one and name whatever you want
        //amber: colors.amber,
        //emerald: colors.emerald,
      },
    },
    fontSize: {
      xxs: ".5rem",
      xs: ".75rem",
      sm: ".875rem",
      tiny: ".875rem",
      base: "1rem",
      lg: "1.125rem",
      xl: "1.25rem",
      "2xl": "1.5rem",
      "3xl": "1.875rem",
      "4xl": "2.25rem",
      "5xl": "3rem",
      "6xl": "4rem",
      "7xl": "5rem",
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};