moklet.org/tailwind.config.ts at development · mokletdev/moklet.org · 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
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}",
  ],
  theme: {
    extend: {
      screens: {
        "2xl": "1440px",
        xl: "1332px",
        lg: "821px",
        sm: "480px",
      },
      colors: {
        black: "#121212",
        white: "#fff",

        "neutral-50": "#FAFAFA",
        "neutral-100": "#F5F5F5",
        "neutral-200": "#EEEEEE",
        "neutral-300": "#E1E1E1",
        "neutral-400": "#CACACA",
        "neutral-500": "#8E8E8E",
        "neutral-600": "#4B4B4B",
        "neutral-700": "#1F1F1F",

        "primary-50": "#FFF0F0",
        "primary-100": "#FFC2C2",
        "primary-200": "#FF9494",
        "primary-300": "#FF6767",
        "primary-400": "#E04E4E",
        "primary-500": "#B73636",
        "primary-600": "#8E2222",
        "primary-700": "#661212",

        "warning-50": "#FFFDFA",
        "warning-100": "#FFF9EE",
        "warning-200": "#FFF7E1",
        "warning-300": "#FFEAB3",
        "warning-400": "#FFDD82",
        "warning-500": "#FFC62B",
        "warning-600": "#FFAD0D",
        "warning-700": "#FE9B0E",

        "success-50": "#FBFEFC",
        "success-100": "#F2FAF6",
        "success-200": "#E5F5EC",
        "success-300": "#C0E5D1",
        "success-400": "#97D4B4",
        "success-500": "#6BC497",
        "success-600": "#47B881",
        "success-700": "#0C9D61",

        "info-50": "#F8FCFF",
        "info-100": "#F1F8FF",
        "info-200": "#E4F2FF",
        "info-300": "#BDDDFF",
        "info-400": "#93C8FF",
        "info-500": "#4BA1FF",
        "info-600": "#3B82F6",
        "info-700": "#3A70E2",
      },
    },
  },
  plugins: [require("@tailwindcss/typography")],
};
export default config;