Taskify/tailwind.config.ts at main · hyeonjiroh/Taskify · 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
57
58
59
60
61
62
63
64
65
66
67
68
import type { Config } from "tailwindcss";
import plugin from "tailwind-scrollbar-hide";

const config: Config = {
  content: [
    // "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        pretandard: ["Pretendard", "sans-serif"],
      },
      fontSize: {
        "3xl": ["32px", "42px"],
        "2xl": ["24px", "32px"],
        xl: ["20px", "32px"],
        "2lg": ["18px", "26px"],
        lg: ["16px", "26px"],
        md: ["14px", "24px"],
        sm: ["13px", "22px"],
        xs: ["12px", "20px"],
      },
      colors: {
        gray: {
          "900": "#171717",
          "800": "#333236",
          "700": "#4B4B4B",
          "600": "#787486",
          "500": "#9FA6B2",
          "400": "#D9D9D9",
          "300": "#EEEEEE",
          "200": "#FAFAFA",
        },
        violet: {
          DEFAULT: "#5534DA",
          "8": "#F1EFFD",
        },
        red: {
          DEFAULT: "#D6173A",
        },
        green: {
          DEFAULT: "#7AC555",
        },
        purple: {
          DEFAULT: "#760DDE",
        },
        orange: {
          DEFAULT: "#FFA500",
        },
        blue: {
          DEFAULT: "#76A6EA",
        },
        pink: {
          DEFAULT: "#E876EA",
        },
      },
      screens: {
        pc: "1200px",
        tablet: "768px",
        mobile: "375px",
      },
    },
  },
  plugins: [plugin],
};
export default config;