asHelp/tailwind.config.js at main · kris70lesgo/asHelp · 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
// tailwind.config.js
module.exports = {
    content: [
      "./src/**/*.{js,ts,jsx,tsx}", // adjust if your files are elsewhere
    ],
    theme: {
      extend: {
        colors: {
          border: "hsl(214.3 31.8% 91.4%)",
          input: "hsl(214.3 31.8% 91.4%)",
          ring: "hsl(222.2 84% 4.9%)",
          background: "hsl(0 0% 100%)",
          foreground: "hsl(222.2 84% 4.9%)",
          primary: {
            DEFAULT: "hsl(222.2 47.4% 11.2%)",
            foreground: "hsl(210 40% 98%)",
          },
          secondary: {
            DEFAULT: "hsl(210 40% 96%)",
            foreground: "hsl(222.2 84% 4.9%)",
          },
          muted: {
            DEFAULT: "hsl(210 40% 96%)",
            foreground: "hsl(215.4 16.3% 46.9%)",
          },
          accent: {
            DEFAULT: "hsl(210 40% 96%)",
            foreground: "hsl(222.2 84% 4.9%)",
          },
          popover: {
            DEFAULT: "hsl(0 0% 100%)",
            foreground: "hsl(222.2 84% 4.9%)",
          },
          card: {
            DEFAULT: "hsl(0 0% 100%)",
            foreground: "hsl(222.2 84% 4.9%)",
          },
        },
        keyframes: {
          shine: {
            '0%': { 'background-position': '100%' },
            '100%': { 'background-position': '-100%' },
          },
        },
        animation: {
          shine: 'shine 5s linear infinite',
        },
      },
    },
    plugins: [],
  };