tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  "content": ["./views/**/*.ejs", "./public/**/*.js"],
  "theme": {
    "screens": {
      'tablet': '640px',
      // => @media (min-width: 640px) { ... }

      'laptop': '1024px',
      // => @media (min-width: 1024px) { ... }

      'desktop': '1280px',
      // => @media (min-width: 1280px) { ... }
    },
  },
  "plugins": [
    require("@tailwindcss/typography"),
    require("daisyui")
  ],

  "daisyui": {
    themes: ["light", "dark", "cupcake", "pastel"], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
    "darkTheme": "light", // name of one of the included themes for dark mode
    "base": true, // applies background color and foreground color for root element by default
    "styled": true, // include daisyUI colors and design decisions for all components
    "utils": true, // adds responsive and modifier utility classes
    "prefix": "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
    "logs": true, // Shows info about daisyUI version and used config in the console when building your CSS
    "themeRoot": ":root", // The element that receives theme color CSS variables
  },
};