architect-sync/tailwind.config.ts at main · SteveSimonson/architect-sync · 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
import type { Config } from "tailwindcss";

const config: Config = {
  darkMode: "class",
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        outline: "#737687",
        "on-secondary-container": "#4b637e",
        "on-secondary": "#ffffff",
        "tertiary-fixed": "#b7eaff",
        "surface-container": "#eaeef2",
        "surface-container-high": "#e4e9ed",
        secondary: "#49607c",
        "tertiary-fixed-dim": "#4cd6ff",
        "primary-fixed": "#dbe1ff",
        "secondary-fixed": "#d1e4ff",
        "on-primary-container": "#f1f2ff",
        tertiary: "#005f75",
        "primary-container": "#0061ff",
        primary: "#004bca",
        "on-tertiary-container": "#e3f6ff",
        surface: "#f6fafe",
        "surface-dim": "#d6dade",
        "on-secondary-fixed": "#011d35",
        "on-tertiary-fixed-variant": "#004e60",
        "on-surface-variant": "#424656",
        "on-primary-fixed": "#00174b",
        "on-error-container": "#93000a",
        "tertiary-container": "#007995",
        "inverse-on-surface": "#edf1f5",
        "inverse-primary": "#b4c5ff",
        error: "#ba1a1a",
        "surface-container-lowest": "#ffffff",
        "surface-bright": "#f6fafe",
        background: "#f6fafe",
        "on-surface": "#171c1f",
        "surface-variant": "#dfe3e7",
        "error-container": "#ffdad6",
        "secondary-fixed-dim": "#b0c9e8",
        "on-background": "#171c1f",
        "on-primary": "#ffffff",
        "inverse-surface": "#2c3134",
        "on-tertiary": "#ffffff",
        "on-error": "#ffffff",
        "surface-container-low": "#f0f4f8",
        "on-tertiary-fixed": "#001f28",
        "surface-container-highest": "#dfe3e7",
        "outline-variant": "#c2c6d9",
        "surface-tint": "#0052dc",
        "on-secondary-fixed-variant": "#314863",
        "secondary-container": "#c7dfff",
        "primary-fixed-dim": "#b4c5ff",
        "on-primary-fixed-variant": "#003ea8",
      },
      borderRadius: {
        DEFAULT: "0.25rem",
        lg: "0.5rem",
        xl: "0.75rem",
        full: "9999px",
      },
      fontFamily: {
        headline: ["Manrope", "sans-serif"],
        body: ["Inter", "sans-serif"],
        label: ["Inter", "sans-serif"],
      },
    },
  },
  plugins: [require("@tailwindcss/forms")],
};
export default config;