Groups/GlobalStyles.js at main · NeoWisehacks/Groups · 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
/* fonts */
export const FontFamily = {
  small: "Roboto-Medium",
  interRegular: "Inter-Regular",
  interSemiBold: "Inter-SemiBold",
  h5Black: "Roboto-Black",
  smallRegular: "Roboto-Regular",
  montserratRegular: "Montserrat-Regular",
  textCompactTextCompactSmallPlus: "Inter-Medium",
  interExtraBold: "Inter-ExtraBold",
  interLight: "Inter-Light",
  montserratSemiBold: "Montserrat-SemiBold",
};
/* font sizes */
export const FontSize = {
  body_size: 14,
  xSMALL_size: 10,
  h4_size: 24,
  size_5xs: 8,
  smallRegular_size: 12,
  h5_size: 18,
  size_base: 16,
  size_7xs: 6,
  textCompactTextCompactSmallPlus_size: 13,
  size_3xl: 22,
};
/* Colors */
export const Color = {
  lightForegroundsFgOnInverted: "#fff",
  colorDarkslategray_100: "#272d3d",
  selected: "#272c3f",
  colorBlack: "#000",
  colorCrimson: "#fe406c",
  colorBurlywood: "#d5ac70",
  colorFloralwhite: "#f8f4eb",
  colorAntiquewhite: "#f1e6d4",
  colorDarkgray_100: "#a1a1a1",
  colorDarkgray_200: "#9f9fa1",
  colorDimgray_100: "#666",
  colorDimgray_200: "#595959",
  colorForestgreen: "#009947",
  colorIndianred: "#ee5f73",
  colorGray_100: "#292929",
  colorGray_200: "#231f20",
  colorGray_300: "rgba(0, 0, 0, 0.4)",
  colorWhitesmoke_100: "#f8f8f8",
  colorWhitesmoke_200: "#f4f4f5",
  colorWhitesmoke_300: "rgba(243, 243, 243, 0.5)",
  colorMediumaquamarine: "#76dda5",
  colorLightsteelblue: "#bbd6ff",
  colorPlum: "#e5bbff",
  colorLightpink: "#ffbbbb",
  colorGainsboro_100: "#e2e2e2",
  colorGainsboro_200: "#d9d9d9",
  colorGainsboro_300: "#d8d8da",
  colorSpringgreen: "#00df67",
  colorLightgray: "#d6d6d6",
  colorPink: "#ffd1d7",
  colorThistle: "#ffdafb",
  colorFuchsia: "#eb26d7",
};
/* Paddings */
export const Padding = {
  p_3xs: 10,
  p_10xs: 3,
  p_9xs: 4,
  p_base: 16,
  p_5xs: 8,
  p_11xs: 2,
  p_mini: 15,
  p_12xs: 1,
  p_8xs: 5,
  p_7xs: 6,
};
/* border radiuses */
export const Border = {
  br_11xl: 30,
  br_21xl: 40,
  br_9980xl: 9999,
  br_5xs: 8,
  br_81xl: 100,
  br_8xs: 5,
  br_11xs: 2,
  br_12xs_5: 1,
  br_9xs: 4,
  br_mini: 15,
  br_7xs: 6,
  br_3xs: 10,
};