projectshut/tailwind.config.js at main · priyankarpal/projectshut · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],

  darkMode: 'class', // create dark mode class

  theme: {
    screens: {
      xsm: "240px",
      xs: "400px",
      sm: "640px",
      md: "760px",
      tab: "840px",
      lg: "1024px",
      xl: "1280px",
    },

    extend: {
      fontFamily: {
        inter: ["Inter", "sans-serif"],
      },
      colors: {
        // these are the theme colors don't change them
        primary: "#A66EFC",
        secondary: "#000513",
      },
    },
  },
};