SeobCera/tailwind.config.cjs at main · wafflecomm/SeobCera · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: "class",
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        "surface-container-high": "#2a2a2a",
        "surface-container-low": "#1c1b1b",
        "background": "#131313",
        "inverse-surface": "#e5e2e1",
        "tertiary-fixed": "#e9e2cf",
        "on-secondary-container": "#ccb09f",
        "surface-container-highest": "#353534",
        "tertiary-fixed-dim": "#ccc6b4",
        "on-surface-variant": "#d2c4bc",
        "on-primary-fixed": "#2c1600",
        "on-secondary": "#3f2c20",
        "surface-tint": "#f0bd8b",
        "on-primary": "#482904",
        "on-tertiary-fixed-variant": "#4a4739",
        "on-secondary-fixed": "#28180d",
        "outline-variant": "#4f453f",
        "surface-variant": "#353534",
        "secondary-fixed-dim": "#dec1af",
        "on-tertiary": "#333024",
        "error-container": "#93000a",
        "on-tertiary-container": "#9c9686",
        "surface-dim": "#131313",
        "on-error": "#690005",
        "secondary-container": "#574335",
        "on-primary-container": "#bc8d5f",
        "primary-fixed-dim": "#f0bd8b",
        "on-tertiary-fixed": "#1e1c10",
        "primary": "#f0bd8b",
        "on-primary-fixed-variant": "#623f18",
        "surface-bright": "#393939",
        "secondary": "#dec1af",
        "tertiary-container": "#322f22",
        "on-error-container": "#ffdad6",
        "on-surface": "#e5e2e1",
        "on-background": "#e5e2e1",
        "outline": "#9b8e87",
        "inverse-primary": "#7d562d",
        "on-secondary-fixed-variant": "#574335",
        "tertiary": "#ccc6b4",
        "surface": "#131313",
        "primary-container": "#462803",
        "surface-container-lowest": "#0e0e0e",
        "error": "#ffb4ab",
        "inverse-on-surface": "#313030",
        "secondary-fixed": "#fbddca",
        "surface-container": "#201f1f",
        "primary-fixed": "#ffdcbd"
      },
      borderRadius: {
        "DEFAULT": "0.25rem",
        "lg": "0.5rem",
        "xl": "0.75rem",
        "full": "9999px"
      },
      fontFamily: {
        "headline": ["Manrope", "sans-serif"],
        "body": ["Inter", "sans-serif"],
        "label": ["Inter", "sans-serif"]
      }
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/container-queries')
  ],
}