saberquest-web/tailwind.preset.js at master · Saber-Quest/saberquest-web · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
      animation: {
        background: "background ease infinite",
      },
      keyframes: {
        background: {
          "0%, 100%": { backgroundPosition: "0% 50%" },
          "50%": { backgroundPosition: "100% 50%" },
        },
      },
      dropShadow: {
        navBarShadow: "0px 4px 4px rgba(0, 0, 0, 0.25)",
        rank1Shadow: "0 0 0.5em #FFD073aa",
        rank2Shadow: "0 0 0.5em #DEDEDEaa",
        rank3Shadow: "0 0 0.5em #C97C3Daa",
        logoShadow: "0 0 0.5em #FFD073aa",
        textShadow: "0 2px 2px #00000070",
        PFPShadow: "2px 2px 1px #00000070",
        AboutShadow: "0px 0px 4px #00000059",
        normalShadow: "0 0 0.5em #46a2dfaa",
        hardShadow: "0 0 0.5em #E93B3Baa",
        expertShadow: "0 0 0.5em #B74BF5aa",
      },
      boxShadow: {
        navHoverShadow: "0 18px 15px -15px #FFD073aa",
        aboutHoverShadow: "0 18px 15px -8px #FFD073aa",
      },
      boxShadowColor: {
        normalreq: "#46a2df",
        hardreq: "#E93B3B",
        expertreq: "#B74BF5",
      },
      colors: {
        sqyellow: "#FFD073",
        sqyellowfaint: "rgba(255, 208, 115, 0.1)",
        sqsilver: "#DEDEDE",
        sqbronze: "#C97C3D",
        normalreq: "#46a2df",
        hardreq: "#E93B3B",
        expertreq: "#B74BF5",
        normalreqfaint: "rgba(70, 162, 223, 0.1)",
        hardreqfaint: "rgba(233, 59, 59, 0.1)",
        expertreqfaint: "rgba(183, 75, 245, 0.1)",
        navHover: "#3A3A3A",
        navBG: "#2626264d",
        navButtonBG: "#313131",
        navButtonActive: "#464646",
        commonItem: "#7A7A7A",
        uncommonItem: "#5CD722",
        rareItem: "#2594FA",
        epicItem: "#AD00FF",
        legendaryItem: "#FFD600",
        commonItemfaint: "rgba(122, 122, 122, 0.1)",
        uncommonItemfaint: "rgba(92, 215, 34, 0.1)",
        rareItemfaint: "rgba(37, 148, 250, 0.1)",
        epicItemfaint: "rgba(173, 0, 255, 0.1)",
        legendaryItemfaint: "rgba(255, 214, 0, 0.1)",
        blColor: "#e50477",
        blColorfaint: "rgba(230, 20, 116, 0.1)",
        ssColor: "#ffde18",
        ssColorfaint: "rgba(255, 220, 63, 0.1)",
      },
      screens: {
        hd: "1921px",
      },
    },
  },
};