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

const config: Config = {
  darkMode: "class",
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ["var(--font-sans)", "Inter", "system-ui", "sans-serif"],
        mono: ["monospace"],
      },
      colors: {
        // TaskBloom brand palette
        navy: {
          DEFAULT: "var(--navy)",
          foreground: "var(--navy-foreground)",
        },
        bloom: {
          DEFAULT: "var(--bloom-purple)",
          muted: "var(--bloom-purple-muted)",
        },
        electric: "var(--electric-blue)",
        rose: "var(--soft-rose)",
        mint: "var(--mint)",
        // Food-inspired palette (semantic mapping)
        strawberry: "var(--strawberry)",
        avocado: "var(--avocado)",
        blueberry: "var(--blueberry)",
        lemon: "var(--lemon)",
        dragonfruit: "var(--dragonfruit)",
        grape: "var(--grape)",
        mango: "var(--mango)",
        // Semantic aliases using food palette for dashboard
        primary: "var(--color-primary)",
        success: "var(--color-success)",
        info: "var(--color-info)",
        warning: "var(--color-warning)",
        danger: "var(--color-danger)",
        accent: "var(--color-accent)",
      },
      borderRadius: {
        xl: "var(--radius-xl)",
        "2xl": "var(--radius-2xl)",
      },
      boxShadow: {
        soft: "var(--shadow-soft)",
        glass: "var(--shadow-glass)",
      },
    },
  },
  plugins: [],
};

export default config;