project_stack/postcss.config.mjs at main · Ajiet-DevNation/project_stack · 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
const config = {
  plugins: {
    "@tailwindcss/postcss": {
      theme: {
        extend: {
          fontFamily: {
            sans: ["var(--font-sans)"],
          },
          colors: {
            border: "#EDDBC7", // var(--theme-border)
            input: "#EDDBC7", // var(--theme-input)
            ring: "#A7727D", // var(--theme-ring)
            background: "#F9F5E7", // var(--theme-background)
            foreground: "#A7727D", // var(--theme-foreground)
            primary: {
              DEFAULT: "#A7727D", // var(--theme-primary)
              foreground: "#F9F5E7", // var(--theme-primary-foreground)
            },
            secondary: {
              DEFAULT: "#EDDBC7", // var(--theme-secondary)
              foreground: "#A7727D", // var(--theme-secondary-foreground)
            },
            destructive: {
              DEFAULT: "#dc3545", // var(--theme-destructive)
              foreground: "#ffffff", // var(--theme-destructive-foreground)
            },
            muted: {
              DEFAULT: "#EDDBC7", // var(--theme-muted)
              foreground: "#A7727D", // var(--theme-muted-foreground)
            },
            accent: {
              DEFAULT: "#A7727D", // var(--theme-accent)
              foreground: "#F9F5E7", // var(--theme-accent-foreground)
            },
            popover: {
              DEFAULT: "#F8EAD8", // var(--theme-popover)
              foreground: "#A7727D", // var(--theme-popover-foreground)
            },
            card: {
              DEFAULT: "#F8EAD8", // var(--theme-card)
              foreground: "#A7727D", // var(--theme-card-foreground)
            },
          },
        },
      },
    },
  },
};

export default config;