IDS_frontend/tailwind.config.ts at dev · IBAS-DEV-PROJECT/IDS_frontend · 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
import type { Config } from "tailwindcss";

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}",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: "#1ED760",
          dark: "#1DB954",
        },
        white: "#FFFFFF",
        black: {
          DEFAULT: "#191414",
          hover: "#2e2e2e",
        },
        gray: {
          light: "#D3D3D3",
          DEFAULT: "#B3B3B3",
          dark: "#535353",
        },
        red: {
          DEFAULT: "#F87171",
        },
        kakao: {
          DEFAULT: "#FEE500",
        },
      },
      borderRadius: {
        custom10: "10px",
      },
      backgroundImage: {
        "gradient-action": `linear-gradient(
          to right,
          #4F5BD5 0%,
          #BF4D8F 25%,
          #E96B60 50%,
          #FCAC4A 75%,
          #FEDA75 100%
        )`,
      },
    },
  },
  plugins: [],
};

export default config;