MoviesApp/tailwind.config.ts at main · AliHassan2712/MoviesApp · 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
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: "var(--color-primary)",
        secondary: "var(--color-secondary)",
        accent: "var(--color-accent)",
        warning: "var(--color-warning)",
        success: "var(--color-success)",
        danger: "var(--color-danger)",

        background: "var(--color-background)",
        soft: "var(--color-background-soft)",
        card: "var(--color-background-card)",

        text: "var(--color-text)",
        muted: "var(--color-text-muted)",
        softtext: "var(--color-text-soft)",

        border: "var(--color-border)",

        btn: {
          primary: "var(--color-btn-primary)",
          "primary-hover": "var(--color-btn-primary-hover)",
          secondary: "var(--color-btn-secondary)",
          "secondary-hover": "var(--color-btn-secondary-hover)",
        },

        badge: {
          hot: "var(--color-badge-hot)",
          new: "var(--color-badge-new)",
        },
      },

      backgroundImage: {
        hero: "var(--gradient-hero)",
        overlay: "var(--gradient-overlay)",
      },
    },
  },
  plugins: [],
};

export default config;