defiwise-stellar/tailwind.config.ts at main · BuenDia-Builders/defiwise-stellar · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
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}",
  ],
  plugins: [require("daisyui")],
  daisyui: {
    themes: [
      {
        light: {
          primary: "#7E2E84",
          "primary-content": "#212638",
          secondary: "#DAE8FF",
          "secondary-content": "#212638",
          accent: "#93BBFB",
          "accent-content": "#212638",
          neutral: "#4F4F4F",
          "neutral-content": "#ffffff",
          "base-100": "#ffffff",
          "base-200": "#f4f8ff",
          "base-300": "#DAE8FF",
          "base-content": "#212638",
          info: "#93BBFB",
          success: "#34EEB6",
          warning: "#FFCF72",
          error: "#FF8863",
          "--rounded-btn": "9999rem",
        },
      },
    ],
  },
  theme: {
    extend: {
      boxShadow: {
        center: "0 0 12px -2px rgb(0 0 0 / 0.05)",
        primary: "0 0 12px -2px rgba(126, 46, 132, 0.25)",
      },
      backgroundImage: {
        heroPattern: "url('/hero_bg.svg')",
      },
      animation: {
        "pulse-fast": "pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite",
      },
      colors: {
        active: "#68CC58",
        darkOrange: "#E97D1A",
        lightOrange: "#F3B353",
        lightYellow: "#FFFBEF",
        ocre: "#988D3D",
        darkGreen: "#1A3F37",
        lightGreen: "#F6FFEE",
        darkGrey: "#828282",
        lightGrey: "rgba(0,0,0,0.2)",
        grey: "#4F4F4F",
        orangeGrey: "#4B4B4B",
        borderGrey: "#CDCDCD",
        progressGrey: "#E5E5E5",
        beige: "#FBE5D1",
        lightBeige: "#F9F5E3",
        pink: "#EF798A",
      },
      height: {
        heroHeight: "675px",
      },
      fontSize: {
        h1: "40px",
        h2: "50px",
        h3: "30px",
        title: "23px",
        h4: "20px",
        p: "20px",
        subP: "15px",
        btn: "12px",
        copyRight: "16px",
      },
    },
  },
};
export default config;