hat/tailwind.config.js at main · ellharman/hat · 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
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {
      colors: {
        background: {
          DEFAULT: "#f2f2e6",
        },
        surface: {
          DEFAULT: "#151832",
        },
        primary: {
          50: "#f0e2eb",
          100: "#eedeec",
          200: "#e3d5e9",
          300: "#d0c8e2",
          400: "#b6b6d6",
          500: "#9fa9c6",
          600: "#8396b0",
          700: "#647d95",
          800: "#465f76",
          900: "#2b3f55",
        },
        secondary: {
          50: "#f1e7eb",
          100: "#f0e8ec",
          200: "#ede6ec",
          300: "#e4e0e6",
          400: "#d6d1dc",
          500: "#bdbacc",
          600: "#9a9ab6",
          700: "#74799a",
          800: "#4f5779",
          900: "#2f3756",
        },
        neutral: {
          50: "#e3dade",
          100: "#d4cdd2",
          200: "#b6b2b7",
          300: "#99979b",
          400: "#7e7d82",
          500: "#64646d",
          600: "#4e515c",
          700: "#3c414e",
          800: "#2c3443",
          900: "#20283a",
        },
        accent: {
          50: "#e3e4d5",
          100: "#d6d7c5",
          200: "#bbbca6",
          300: "#a2a189",
          400: "#8b8670",
          500: "#766c59",
          600: "#645346",
          700: "#553a36",
          800: "#482930",
          900: "#3d1e30",
        },
      },
    },
  },
}