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

const config: Config = {
  content: ["./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        paper: "#F6F4EF",
        surface: "#FFFFFF",
        ink: {
          DEFAULT: "#1C2333",
          soft: "#4A5269",
          faint: "#8990A3"
        },
        line: "#E4E0D6",
        primary: {
          50: "#EEF2F8",
          100: "#D6E0EE",
          300: "#7E97BC",
          500: "#2B4570",
          600: "#223756",
          700: "#192941",
          900: "#10192A"
        },
        clay: {
          DEFAULT: "#C97B3B",
          soft: "#F1DCC4"
        },
        status: {
          present: "#3A7D5C",
          presentSoft: "#E1F0E7",
          absent: "#B6452C",
          absentSoft: "#F6E1D9",
          late: "#B68A1E",
          lateSoft: "#F4E9CC",
          excused: "#5B6CA8",
          excusedSoft: "#E5E7F4"
        }
      },
      fontFamily: {
        display: ["var(--font-display)", "Georgia", "serif"],
        sans: ["var(--font-sans)", "system-ui", "sans-serif"],
        mono: ["var(--font-mono)", "monospace"]
      },
      boxShadow: {
        card: "0 1px 2px rgba(28,35,51,0.04), 0 1px 12px rgba(28,35,51,0.06)",
        pop: "0 8px 24px rgba(28,35,51,0.12)"
      },
      borderRadius: {
        card: "14px"
      }
    }
  },
  plugins: []
};

export default config;