eletrotupi / tcc/ api/src/static/js/tailwind.config.js5307cc7eac61d37523a83076514ddabf1d84621d
1.4 KB | 46 lines Raw
1
tailwind.config = {
2
  darkMode: "class",
3
  theme: {
4
    extend: {
5
      "colors": {
6
        "background-light": "#f6f8f6",
7
        "border-subtle": "#f1f5f9",
8
        "surface-light": "#ffffff",
9
        "pill-indigo": "#e0e7ff",
10
        "pill-purple": "#f3e8ff",
11
        "text-primary": "#0f172a",
12
        "status-active-bg": "rgba(19, 236, 91, 0.1)",
13
        "text-secondary": "#64748b",
14
        "pill-blue": "#dbeafe",
15
        "brand-green": "#13ec5b"
16
      },
17
      "borderRadius": {
18
        "DEFAULT": "0.25rem",
19
        "lg": "0.5rem",
20
        "xl": "0.75rem",
21
        "full": "9999px"
22
      },
23
      "spacing": {
24
        "container-padding": "1rem",
25
        "section-gap": "2rem",
26
        "card-gap": "0.75rem",
27
        "internal-padding": "1rem",
28
        "inline-gap-sm": "0.5rem"
29
      },
30
      "fontFamily": {
31
        "label-sm": ["Inter"],
32
        "body-md": ["Inter"],
33
        "body-lg": ["Inter"],
34
        "headline-md": ["Inter"],
35
        "headline-lg": ["Inter"]
36
      },
37
      "fontSize": {
38
        "label-sm": ["12px", { "lineHeight": "16px", "letterSpacing": "0.05em", "fontWeight": "600" }],
39
        "body-md": ["14px", { "lineHeight": "20px", "fontWeight": "500" }],
40
        "body-lg": ["16px", { "lineHeight": "20px", "fontWeight": "700" }],
41
        "headline-md": ["18px", { "lineHeight": "24px", "fontWeight": "700" }],
42
        "headline-lg": ["20px", { "lineHeight": "28px", "letterSpacing": "-0.02em", "fontWeight": "700" }]
43
      }
44
    },
45
  },
46
}