TechWars-Frontend/tailwind.config.js at main · MFC-VIT/TechWars-Frontend · 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
import { px } from "framer-motion";

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        main_font: "#fffdfd", //main white text color
        defend_button: "#bf0907db",
        attack_button: "#d922224d",
        gray_bg: "#5b505099", // waiting room and quiz
        red_border: "#a62C2b",
        submit_green: "#72be3d4d", //submit button quiz
        next_purple: "#5f3dbe4d", //next button quiz
        purple_button_bg: "#26004266", //button bg for login and troop count
        black_border: "#000000", //attack button
        inner_font: "#d9d9d9", //inner font color having a border
        font_border_blue: "#14019d",
        font_border_red: "#ff0000",
        font_border_green: "#ff0000",
        blue_bg: "#4bb9f0cc", //victory and defeat page
        black_text: "#130d24", // vitory and defeat page
      },
      fontFamily: {
        aquire: "aquire",
        battle_star: "battle_star_italic",
        exo_space: "exo_space",
        good_times: "good_times_regular",
        solo_extra_italic: "soloist_extra_italic",
        star_jedi: "star_jedi",
      },
      animation: {
        "fade-in-out-3s": "fadeInOut 3s infinite",
        "fade-in-out-5s": "fadeInOut 5s infinite",
        "fade-in-out-7s": "fadeInOut 7s infinite",
        "fade-in-out-9s": "fadeInOut 9s infinite",
      },
      keyframes: {
        fadeInOut: {
          "0%": { opacity: "0" },
          "50%": { opacity: "1" },
          "100%": { opacity: "0" },
        },
      },
      plugins: [
        function ({ addUtilities }) {
          const newUtilities = {
            ".text-stroke": {
              "-webkit-text-stroke": "0.75px black",
            },
            ".text-stroke-2": {
              "-webkit-text-stroke": "2px black",
            },
            ".text-stroke-white": {
              "-webkit-text-stroke": "2px white",
            },
          };
          addUtilities(newUtilities);
        },
      ],
    },
  },
};