zitadel

1
/** @type {import('tailwindcss').Config} */
2
module.exports = {
3
  darkMode: ["class", '[data-theme="dark"]'],
4
  content: ["./docs/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,jsx,ts,tsx}"],
5
  corePlugins: { preflight: false },
6
  theme: {
7
    fontFamily: {
8
      sans: ["Lato", "serif"],
9
    },
10
    extend: {
11
      colors: {
12
        zitadelpink: "#ff2069",
13
        primary: {
14
          dark: {
15
            100: "#afd1f2",
16
            200: "#7fb5ea",
17
            300: "#4192e0",
18
            400: "#2782dc",
19
            500: "#2073c4",
20
            600: "#1c64aa",
21
            700: "#17548f",
22
            800: "#134575",
23
            900: "#0f355b",
24
          },
25
        },
26
        background: {
27
          dark: {
28
            100: "#4a69aa",
29
            200: "#395183",
30
            300: "#243252",
31
            400: "#1a253c",
32
            500: "#111827",
33
            600: "#080b12",
34
            700: "#000000",
35
            800: "#000000",
36
            900: "#000000",
37
          },
38
        },
39
        input: {
40
          light: {
41
            label: "#000000c7",
42
            background: "#00000004",
43
            border: "rgba(26,25,25,.2196078431);",
44
          },
45
          dark: {
46
            label: "#ffffffc7",
47
            background: "#00000020",
48
            border: "rgba(249,247,247,.1450980392)",
49
          },
50
        },
51
      },
52
    },
53
  },
54
  plugins: [],
55
};
56