smartflow/tailwind.config.ts at dev · vincedsb1/smartflow · 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
import type { Config } from "tailwindcss";
// import { nextui } from "@nextui-org/react";

const { nextui } = require("@nextui-org/react");

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
    "./node_modules/react-tailwindcss-datepicker/dist/index.esm.js",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          50: "#ecfeff",
          100: "#cffafe",
          200: "#a5f3fc",
          300: "#67e8f9",
          400: "#22d3ee",
          500: "#06b6d4",
          600: "#0891b2",
          700: "#0e7490",
          800: "#155e75",
          900: "#164e63",
          DEFAULT: "#0891b2",
          foreground: "#ffffff",
        },
        secondary: {
          DEFAULT: "#a3a3a3",
        },
        light: {
          primary: "#f5f5f5",
          secondary: "#e0e0e0",
        },
        dark: {
          primary: {
            DEFAULT: "#fde047",
          },
          secondary: "#2b6cb0",
        },
        neutral: {
          50: "#fafafa",
          800: "#262626",
        },
      },
      boxShadow: {
        sf: "-3px 2px 16px -9px rgba(0,0,0,0.05)",
      },
      fontFamily: {
        text: ["Quicksand", "sans-serif"],
        title: ["Inter", "sans-serif"],
      },
      fontWeight: {
        "300": "300",
        "600": "600",
        "700": "700",
      },
      width: {
        "1/20": "5%",
        "2/20": "10%",
        "3/20": "15%",
        "4/20": "20%",
        "5/20": "25%",
        "6/20": "30%",
        "7/20": "35%",
        "8/20": "40%",
        "9/20": "45%",
        "10/20": "50%",
        "11/20": "55%",
        "12/20": "60%",
        "13/20": "65%",
        "14/20": "70%",
        "15/20": "75%",
        "16/20": "80%",
        "17/20": "85%",
        "18/20": "90%",
        "19/20": "95%",
      },
      transitionDuration: {
        "50": "50ms",
        "100": "100ms",
        "120": "120ms",
        "150": "150ms",
        "200": "200ms",
      },
      animationDelay: {
        "300": "300ms",
        "150": "150ms",
      },
      screens: {
        xs: "320px",
        "2xs": "390px",
        "3xs": "480px",
      },
      transitionProperty: {
        "font-weight": "font-weight",
      },
    },
  },
  plugins: [
    nextui({
      themes: {
        dark: {
          colors: {
            primary: {
              DEFAULT: "#BEF264",
              foreground: "#BEF264",
            },
            focus: "#BEF264",
          },
        },
      },
    }),
  ],
  darkMode: "class",
};

export default config;