memnix-webapp/tailwind.config.js at main · memnix/memnix-webapp · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/** @type {import('tailwindcss').Config} */

module.exports = {
  content: [
    `./components/**/*.{vue,js,ts}`,
    `./layouts/**/*.vue`,
    `./pages/**/*.vue`,
    `./composables/**/*.{js,ts}`,
    `./plugins/**/*.{js,ts}`,
    `./utils/**/*.{js,ts}`,
    `./App.{js,ts,vue}`,
    `./app.{js,ts,vue}`,
    `./Error.{js,ts,vue}`,
    `./error.{js,ts,vue}`,
    `./app.config.{js,ts}`,
  ],
  theme: {
    extend: {
      keyframes: {
        marquee: {
          "0%": { transform: "translateX(0%)" },
          "100%": { transform: "translateX(-50%)" },
        },
        marquee2: {
          "0%": { transform: "translateX(0%)" },
          "100%": { transform: "translateX(-50%)" },
        },
      },
      animation: {
        slider: "marquee 25s linear infinite",
        slider2: "marquee2 20s linear infinite reverse",
      },
      fontFamily: {
        sans: ["Syne", "Nunito"],
      },
    },
  },
  plugins: [
    require("@tailwindcss/forms"),
    require("@tailwindcss/typography"),
    require("@tailwindcss/aspect-ratio"),
    require("daisyui"),
  ],
  daisyui: {
    themes: [
      {
        memnix: {
          primary: "#E9AF98",
          secondary: "#405CA0",
          accent: "#AD6E9E",
          neutral: "#40404A",
          "base-200": "#f1f1f1",
          "base-100": "#FCFCFC",
          info: "#3A73D4",
          success: "#72E9C1",
          warning: "#F6D73C",
          error: "#E83B55",
          "primary-content": "#4d1600",
          "success-content": "#102742",
          "error-content": "#000000",
        },
      },
      {
        dark: {
          primary: "#E9AF98",
          secondary: "#405CA0",
          accent: "#AD6E9E",
          neutral: "#40404A",
          "base-100": "#2A303C",
          "base-200": "#242933",
          info: "#3A73D4",
          success: "#72E9C1",
          warning: "#F6D73C",
          error: "#E83B55",
          "primary-content": "#4d1600",
          "success-content": "#102742",
          "error-content": "#000000",
        },
      },
      {
        neobrutalism: {
          "color-scheme": "light",
          fontFamily:
            "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace",
          primary: "#7f72ff",
          secondary: "#fad180",
          accent: "#7be6cd",
          neutral: "#b4adf9",
          "neutral-content": "#ffee00",
          "base-100": "#f8ebd1",
          "--rounded-box": "0",
          "--rounded-btn": "0",
          "--rounded-badge": "0",
          "--tab-radius": "0",
        },
      },
    ],
  },
};