InsurePro_Frontend/tailwind.config.js at main · Insure-Pro/InsurePro_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
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/** @type {import('tailwindcss').Config} */

module.exports = {
  content: [
    "./src/**/*.{html,js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        white: "#fff",
        black: "#000",
        "LightMode-Hover": "#E0EDFF",
        "LightMode-Text": "#1F1F1F",
        "LightMode-Subtext": "#7D8592",
        "LightMode-SectionBackground": "#F0F4FA",
        "LightMode-Background": "#FFFFFF",
        "Primary-50": "#e8efff",
        "Primary-100": "#b8ccff",
        "Primary-200": "#96b4ff",
        "Primary-300": "#6692ff",
        "Primary-400": "#487dff",
        "Primary-500": "#1a5cff",
        "Primary-600": "#1854e8",
        "Primary-700": "#1241b5",
        "Primary-800": "#0e338c",
        "Primary-900": "#0b276b",
        "Secondary-50": "#e9eaec",
        "Secondary-100": "#b9bdc5",
        "Secondary-200": "#989da9",
        "Secondary-300": "#687082",
        "Secondary-400": "#4b5469",
        "Secondary-500": "#1e2944",
        "Secondary-600": "#1b253e",
        "Secondary-700": "#151d30",
        "Secondary-800": "#111725",
        "Secondary-900": "#0d111d",
        "Gray-scale-50": "#e6e6e6",
        "Gray-scale-100": "#cccccc",
        "Gray-scale-200": "#b3b3b3",
        "Gray-scale-300": "#999999",
        "Gray-scale-400": "#808080",
        "Gray-scale-500": "#666666",
        "Gray-scale-600": "#4d4d4d",
        "Gray-scale-700": "#333333",
        "Gray-scale-800": "#1a1a1a",
        "Gray-scale-900": "#000000",
        "Accent-Stroke": "#D8E0F0",
        "Accent-Separator": "#E0E0E0",
        "Accent-Disabled": "#EBECF0",
        "Accent-White": "#FFFFFF",
        "Accent-Black": "#000000",
        "Danger-50": "#feeeef",
        "Danger-100": "#fcc9ce",
        "Danger-200": "#fbafb6",
        "Danger-300": "#f98a94",
        "Danger-400": "#f87480",
        "Danger-500": "#f65160",
        "Danger-600": "#e04a57",
        "Danger-700": "#af3a44",
        "Danger-800": "#872d35",
        "Danger-900": "#672228",
        "Warning-50": "#fff2e6",
        "Warning-100": "#ffd5b0",
        "Warning-200": "#ffc18a",
        "Warning-300": "#ffa554",
        "Warning-400": "#ff9433",
        "Warning-500": "#ff7900",
        "Warning-600": "#e86e00",
        "Warning-700": "#b55600",
        "Warning-800": "#8c4300",
        "Warning-900": "#6b3300",
        "Success-50": "#ebf6ee",
        "Success-100": "#c0e4ca",
        "Success-200": "#a2d7b0",
        "Success-300": "#77c58c",
        "Success-400": "#5db975",
        "Success-500": "#34a853",
        "Success-600": "#2f994c",
        "Success-700": "#25773b",
        "Success-800": "#1d5c2e",
        "Success-900": "#164723",
        "gray-50": "#9E9E9E",
        "gray-100": "#F3F3F3",
        "gray-150": "#B8B8B8",
        "gray-200": "#D9D9D9",
        "gray-250": "#575757",
        "gray-300": "#CFCFCF",
        "gray-350": "#616161",
        "gray-400": "#98A2B3",
        // "primary-100": "#175cd3",
        // "primary-100": "#b61865",
        "primary-100": "#6692FF",
        "primary-300": "",
        "primary-500": "",
        "secondary-100": "#175CD3",
        "secondary-400": "#FFCD5B",
        "secondary-500": "#FFC132",
      },
      boxShadow: {
        // md: "0 18px 28px 0px rgba(0, 0, 0, 0.2)",
      },
      clipPath: {
        // Custom utility name
        "inset-400": "inset(400px 0 0 0)", // Custom utility value
        // Add more custom values as needed
      },
      screens: {
        xsm: "360px",
        sm: "500px",
        md: "694px",
        lg: "976px",
        xl: "1440px",
      },
      backdropBlur: {
        xs: "2px",
      },
    },
  },
  variants: {
    extend: {
      clipPath: ["responsive"], // Add responsive variant if needed
    },
  },
  plugins: [],
};