Metaverse-Rang-Front-NextJS/new-tailwind.conf.js at main · iranpsc/Metaverse-Rang-Front-NextJS · 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        light: {
          primary: "#0066FF",
          shades: {
            100: "#FFFFFF",
            99: "#FDFAFF",
            98: "#F9F7FF",
            95: "#ECEEFF",
            90: "#D7DDFF",
            80: "#AFBEFD",
            70: "#889FFC",
            60: "#6182FC",
            50: "#3865FB",
            40: "#264DCD",
            35: "#2143B2",
            30: "#1C3998",
            25: "#18307F",
            20: "#132768",
            10: "#0C183F",
          },
          newColors: {
            primaryText: "#fafbfc",
            shades: {
              100: "#FEFEFE",
              bg1: "#FCFCFC",
              bgOn: "#FCFCFC",
              bg2: "#F6F6F6",
              90: "#DEDEE9",
              80: "#BEBFC9",
              70: "#A0A0AB",
              matn2: "#84858F",
              60: "#6A6B74",
              50: "#52545C",
              40: "#3E3E46",
              title: "#333538",
              30: "#2A2B32",
              20: "#191B21",
            },
            otherColors: {
              green: "#18C08F",
              red: "#F03A47",
              yellow: "#FFC107",
              menuBg: "#FFFFFF",
              themeBtn: "#F4F4F4",
            },
          },
        },
        dark: {
          primary: "#FFC700",
          shades: {
            100: "#FFFFFF",
            99: "#FEBFFF",
            98: "#FDF7EF",
            95: "#FAECCB",
            90: "#F6DA8D",
            80: "#E5B623",
            70: "#C29B1E",
            60: "#A08019",
            50: "#816614",
            40: "#655010",
            35: "#57460E",
            30: "#4A3C0C",
            25: "#3F3A0A",
            20: "#342A09",
            10: "#201A06",
          },
          newColors: {
            primaryText: "#0066FF",
            shades: {
              100: "#DEDEE9",
              bg1: "#BEBFC9",
              bgOn: "#A0A0AB",
              bg2: "#84858F",
              90: "#6A6B74",
              80: "#52545C",
              70: "#3E3E46",
              matn2: "#333538",
              60: "#2A2B32",
              50: "#191B21",
              40: "#141619",
              title: "#101215",
              30: "#0C0E11",
              20: "#08090A",
            },
            otherColors: {
              green: "#18C08F",
              red: "#F03A47",
              yellow: "#FFC107",
              menuBg: "#1A1A18",
              themeBtn: "#000000",
            },
          },
        },
      },
      spacing: {
        8: "8px",
        16: "16px",
        24: "24px",
        32: "32px",
        40: "40px",
        56: "56px",
        72: "72px",
        80: "80px",
        96: "96px",
        120: "120px",
      },
    },
  },
  plugins: [],
};