GDSC_frontend1/GlobalStyles.js at main · myeong-kim/GDSC_frontend1 · 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
/* fonts */
export const FontFamily = {
  interSemiBold: "Inter-SemiBold",
  interExtraBold: "Inter-ExtraBold",
  interRegular: "Inter-Regular",
  interLight: "Inter-Light",
  interMedium: "Inter-Medium",
  interBold: "Inter-Bold",
  interBlack: "Inter-Black",
  interExtraLight: "Inter-ExtraLight",
};
/* font sizes */
export const FontSize = {
  size_smi: 13,
  size_6xs: 7,
  size_xs: 12,
  size_4xs: 9,
  size_sm: 14,
  size_3xl: 22,
  size_mini: 15,
  size_mid: 17,
  size_2xs: 11,
  size_5xs: 8,
  size_lg: 18,
  size_3xs: 10,
  size_31xl: 50,
};
/* Colors */
export const Color = {
  colorWhite: "#fff",
  colorDimgray_100: "#6c6c6c",
  colorDimgray_200: "#6a6a6a",
  colorGray_100: "#888686",
  colorGray_200: "#868686",
  colorGray_300: "#838282",
  colorGray_400: "#777",
  colorGray_500: "#472e17",
  colorGray_600: "rgba(255, 255, 255, 0.3)",
  colorGray_700: "rgba(0, 0, 0, 0.4)",
  colorGainsboro_100: "#e0e0e0",
  colorGainsboro_200: "#dfe0df",
  colorGainsboro_300: "rgba(217, 217, 217, 0)",
  colorDarkgray_100: "#a2a2a2",
  colorDarkgray_200: "#999",
  colorLightseagreen: "#459f93",
  colorSilver_100: "#c0c2c0",
  colorSilver_200: "#bdbdbd",
  colorBlack: "#000",
  colorGoldenrod_100: "#ffd057",
  colorGoldenrod_200: "#ffc045",
  colorGoldenrod_300: "#bfb832",
  colorDarkslategray_100: "#444",
  colorDarkslategray_200: "#313030",
  colorWhitesmoke_100: "#f8f4f1",
  colorWhitesmoke_200: "#f3f3f3",
  colorFloralwhite: "#fff8ec",
  colorRosybrown: "#a98267",
};
/* Paddings */
export const Padding = {
  p_3xs: 10,
};
/* border radiuses */
export const Border = {
  br_3xs: 10,
  br_81xl: 100,
  br_11xl: 30,
  br_xl: 20,
  br_8xs: 5,
  br_mini: 15,
};