project-pup/src/constants/styles/base.ts at 34c4f076e081181fe4e2792cad803771924109bc · dydxprotocol/project-pup · 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
export enum ColorToken {
  Black = '#000000',
  White = '#FFFFFF',

  LightGray0 = '#FAFAFA',
  LightGray1 = '#F7F8FA',
  LightGray2 = '#FAFAFD',
  LightGray3 = '#F5F5F5',
  LightGray4 = '#EDF0F2',
  LightGray5 = '#ECEFF1',
  LightGray6 = '#EDEDED',
  LightGray7 = '#E9ECEE',
  LightGray8 = '#E6E6E6',
  LightGray9 = '#DBDBDB',
  LightGray10 = '#D5DADF',
  LightGray11 = '#D1D9E0',
  LightGray12 = '#C8D0D8',
  LightGray13 = '#BFC7CF',

  MediumGray0 = '#CACACE',
  MediumGray1 = '#C2CBD3',

  DarkGray0 = '#888891',
  DarkGray1 = '#737373',
  DarkGray2 = '#56565C',
  DarkGray3 = '#4B4B4B',
  DarkGray4 = '#494950',
  DarkGray5 = '#3B3B3F',
  DarkGray6 = '#303033',
  DarkGray7 = '#313135',
  DarkGray8 = '#292929',
  DarkGray9 = '#28282B',
  DarkGray10 = '#23232F',
  DarkGray11 = '#212124',
  DarkGray12 = '#18181B',
  DarkGray13 = '#18181B',
  DarkGray14 = '#1B1B1D',
  DarkGray15 = '#18181A',

  BONKPurple = '#1D0623',
  BONKPurple1 = '#17001C',
  BONKPurple2 = '#836EF9',
  BONKPurple3 = '#22082A',
  BONKPurple4 = '#270D31',
  BONKPurple5 = '#2C1238',
  BONKPurple6 = '#31173F',
  BONKPurple7 = '#3A1F4A',
  BONKPurple8 = '#4A2A5A',
  BONKPurple9 = '#5A3A6A',
  BONKPurple10 = '#2A0F35',
  BONKPurple11 = '#351440',

  GrayBlue0 = '#464659',
  GrayBlue1 = '#38384D',
  GrayBlue2 = '#303045',
  GrayBlue3 = '#29293D',
  GrayBlue4 = '#212131',
  GrayBlue5 = '#181825',
  GrayBlue6 = '#101018',
  GrayBlue7 = '#08080C',

  GrayPurple0 = '#DFDADF',
  GrayPurple1 = '#C8C7D8',
  GrayPurple2 = '#807E98',

  Purple0 = '#7774FF',
  Purple1 = '#6966FF',

  Orange0 = '#FF5A02',

  Green0 = '#CEEDE3',
  Green1 = '#1AFFB9',
  Green2 = '#3ED9A4',
  Green3 = '#2CCC98',
  Green4 = '#3EB68A',
  Green5 = '#14AE7A',
  Green6 = '#2C5254',

  Yellow0 = '#FFCC48',
  Yellow1 = '#FDC103',

  Red0 = '#FF5C5C',
  Red1 = '#E76565',
  Red2 = '#E45555',
  Red3 = '#462C2E',
  Red4 = '#412A38',
  Red5 = '#F5E1E3',
}

/** Maps opacity to corresponding hex value */
export enum OpacityToken {
  Opacity8 = '14',
  Opacity16 = '29',
  Opacity20 = '33',
  Opacity50 = '80',
  Opacity66 = 'A8',
  Opacity90 = 'E6',
}

export enum BrightnessFilterToken {
  Darken10 = '0.9',
  Darken5 = '0.95',
  Darken30 = '0.7',
  Darken50 = '0.5',
  Lighten10 = '1.1',
}