Project-WebTime/tailwind.config.js at master · SidnyTech/Project-WebTime · 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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: {
          pri1: "#000000", // black
          pri2: "#0E1217", // black gray
          pri3: "#FFFFFF", // white
        },
        secondary: {
          sec1: "#0123FD", // blue
          sec2: "#0297FF", // sky blue
          sec3: "#02BBF6", // light blue
          sec4: "#C5E6FD", // light sky blue
        },
        error: {
          err1: "#AC010C", // dark red
          err2: "#BA1A1A", // red
          err3: "#DE3730", // light red
        },
        neutral: {
          neu0: "#605D62", //dark gray
          neu1: "#AEAAAE", // semi dark gray
          neu2: "#E6E1E5", // gray
          neu3: "#F4EFF4", // light gray
          neu4: "#D9D9D9"
        },
      },

      fontFamily: {
        display: ["Secular One", "sans-serif"],
        title: ["Montserrat", "sans-serif"],
        label: ["Reddit Sans", "sans-serif"],
        body: ["Open Sans", "sans-serif"],
      },

      fontSize: {
        "display-sm": ["36px", { lineHeight: "44px" }],
        "display-md": ["45px", { lineHeight: "52px" }],
        "display-lg": ["57px", { lineHeight: "64px" }],
        "title-sm": ["18px", { lineHeight: "22px" }],
        "title-md": ["24px", { lineHeight: "28px" }],
        "title-lg": ["28px", { lineHeight: "32px" }],
        "label-sm": ["14px", { lineHeight: "16px" }],
        "label-md": ["16px", { lineHeight: "18px" }],
        "label-lg": ["22px", { lineHeight: "24px" }],
        "body-sm": ["14px", { lineHeight: "16px" }],
        "body-md": ["16px", { lineHeight: "18px" }],
        "body-lg": ["20px", { lineHeight: "22px" }],
      },
    },
  },
  plugins: [require("tailwind-scrollbar")],
};