@desynova-digital/tokens 9.1.46 → 9.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/colors.js +972 -972
  2. package/package.json +1 -1
package/colors.js CHANGED
@@ -9,1294 +9,1294 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var colors = {
10
10
  common: {
11
11
  base: {
12
- white: '#FFF',
13
- black: '#121d29',
14
- dark: '#0c141d',
15
- light: '#FFF',
16
- "default": '#f5f5f5',
17
- nexc: '#0C141D'
12
+ white: "#FFF",
13
+ black: "#121d29",
14
+ dark: "#0c141d",
15
+ light: "#FFF",
16
+ "default": "#f5f5f5",
17
+ nexc: "#0C141D"
18
18
  },
19
19
  text: {
20
- "default": '#212121',
21
- inputs: '#555',
22
- secondary: '#757575',
23
- subtle: '#BDBDBD',
24
- error: '#FF0000'
20
+ "default": "#212121",
21
+ inputs: "#555",
22
+ secondary: "#757575",
23
+ subtle: "#BDBDBD",
24
+ error: "#FF0000"
25
25
  },
26
26
  "break": {
27
- border: '#dddddd',
28
- text: '#666666'
27
+ border: "#dddddd",
28
+ text: "#666666"
29
29
  },
30
30
  icon: {
31
- "default": '#FFFFFF'
31
+ "default": "#FFFFFF"
32
32
  },
33
33
  input: (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
34
- background: '#FFF',
35
- backgroundReadOnly: '#FFF',
36
- border: '#D9D9D9',
37
- borderHover: '#B7B7B7',
38
- borderFocus: '#0a84ae',
39
- borderError: '#e25f5f',
40
- errorColor: '#e25f5f',
41
- icon: '#A2A2A2',
42
- text: '#333333'
43
- }, "icon", '#A2A2A2'), "textReadOnly", '#ccc'), "placeholder", '#B2B2B2'), "placeholderDisabled", '#C1C1C1'), "placeholderReadOnly", '#333'), "labelColor", '#999999'), "labelColorFocus", '#00cec6'), "labelColorDisabled", '#C6C6C6'),
34
+ background: "#FFF",
35
+ backgroundReadOnly: "#FFF",
36
+ border: "#D9D9D9",
37
+ borderHover: "#B7B7B7",
38
+ borderFocus: "#0a84ae",
39
+ borderError: "#e25f5f",
40
+ errorColor: "#e25f5f",
41
+ icon: "#A2A2A2",
42
+ text: "#333333"
43
+ }, "icon", "#A2A2A2"), "textReadOnly", "#ccc"), "placeholder", "#B2B2B2"), "placeholderDisabled", "#C1C1C1"), "placeholderReadOnly", "#333"), "labelColor", "#999999"), "labelColorFocus", "#00cec6"), "labelColorDisabled", "#C6C6C6"),
44
44
  radio: {
45
- background: '#FFF',
46
- border: '#ccc',
47
- backgroundSelected: '#00cec6',
48
- borderSelected: '#00cec6',
49
- backgroundDisabled: '#F6F6F6',
50
- borderDisabled: '#CCC',
51
- shadow: 'rgba(0,0,0,0.0)',
52
- shadowDisabled: 'rgba(0,0,0,0.0)'
45
+ background: "#FFF",
46
+ border: "#ccc",
47
+ backgroundSelected: "#00cec6",
48
+ borderSelected: "#00cec6",
49
+ backgroundDisabled: "#F6F6F6",
50
+ borderDisabled: "#5D636B",
51
+ shadow: "rgba(0,0,0,0.0)",
52
+ shadowDisabled: "rgba(0,0,0,0.0)"
53
53
  },
54
54
  button: {
55
- iconBackground: '#000'
55
+ iconBackground: "#000"
56
56
  }
57
57
  },
58
58
  dark: {
59
- base: '#121d29',
59
+ base: "#121d29",
60
60
  status: {
61
61
  "default": {
62
- background: '#303D55',
63
- text: '#FFFFFF'
62
+ background: "#303D55",
63
+ text: "#FFFFFF"
64
64
  },
65
65
  primary: {
66
- background: '#00DAD0',
67
- text: '#FFFFFF'
66
+ background: "#00DAD0",
67
+ text: "#FFFFFF"
68
68
  }
69
69
  },
70
70
  label: {
71
- background: '#303f51',
72
- text: '#00cec6',
73
- boxBackground: '#33d7ce',
74
- circleLoader: '#43ada7',
75
- spinLoader: '#3acec6',
76
- redthemeColor: '#3acec6'
71
+ background: "#303f51",
72
+ text: "#00cec6",
73
+ boxBackground: "#33d7ce",
74
+ circleLoader: "#43ada7",
75
+ spinLoader: "#3acec6",
76
+ redthemeColor: "#3acec6"
77
77
  },
78
78
  popup: {
79
- cancleButtonBackground: '#182738',
80
- text: '#afb2ba',
81
- messageText: '#afb2ba',
82
- cancleHoverBackground: '#182738',
83
- cancleHoverText: '#00cec6',
84
- ButtonText: '#fff',
85
- overlayColor: 'rgba(0, 0, 0, 0.5)',
86
- popupBoxBackground: '#121d29',
87
- cancleIconColor: '#afb2ba'
79
+ cancleButtonBackground: "#182738",
80
+ text: "#afb2ba",
81
+ messageText: "#afb2ba",
82
+ cancleHoverBackground: "#182738",
83
+ cancleHoverText: "#00cec6",
84
+ ButtonText: "#fff",
85
+ overlayColor: "rgba(0, 0, 0, 0.5)",
86
+ popupBoxBackground: "#121d29",
87
+ cancleIconColor: "#afb2ba"
88
88
  },
89
89
  toast: {
90
- themeColor: '#00cec6'
90
+ themeColor: "#00cec6"
91
91
  },
92
92
  timeCodeInput: {
93
- rgbthemeColor: 'rgb(0 206 198)'
93
+ rgbthemeColor: "rgb(0 206 198)"
94
94
  },
95
95
  tag: {
96
- background: '#304153',
97
- text: '#fff',
98
- textHover: '#00cec6',
99
- textSelected: '#fff'
96
+ background: "#304153",
97
+ text: "#fff",
98
+ textHover: "#00cec6",
99
+ textSelected: "#fff"
100
100
  },
101
101
  card: {
102
- background: '#15212f',
103
- themeColor: '#00cec6'
102
+ background: "#15212f",
103
+ themeColor: "#00cec6"
104
104
  },
105
105
  sideBar: {
106
- background: '#15212f',
107
- themeColor: '#00cec6',
108
- lightthemeColor: 'rgb(0, 206, 198)'
106
+ background: "#15212f",
107
+ themeColor: "#00cec6",
108
+ lightthemeColor: "rgb(0, 206, 198)"
109
109
  },
110
110
  searchHeader: {
111
- color: '#ccc',
112
- searchTextFieldBackground: 'transparent',
113
- searchTextFieldColor: '#afb2ba',
114
- searchBoxTop: '#aaaaaa',
115
- resultsCategory: '#cccccc',
116
- resultsCategoryStrong: '#ffffff',
117
- listTitleBorder: '#3a4450',
118
- mainColor: '#00cec6'
111
+ color: "#ccc",
112
+ searchTextFieldBackground: "transparent",
113
+ searchTextFieldColor: "#afb2ba",
114
+ searchBoxTop: "#aaaaaa",
115
+ resultsCategory: "#cccccc",
116
+ resultsCategoryStrong: "#ffffff",
117
+ listTitleBorder: "#3a4450",
118
+ mainColor: "#00cec6"
119
119
  },
120
120
  dashboard: {
121
- cardHeader: '#cccccc',
122
- dataText: '#aaaaaa',
123
- dataType: '#cccccc',
124
- dataVal: '#ffffff',
125
- legendName: '#afb2ba',
126
- legendVal: '#ffffff'
121
+ cardHeader: "#cccccc",
122
+ dataText: "#aaaaaa",
123
+ dataType: "#cccccc",
124
+ dataVal: "#ffffff",
125
+ legendName: "#afb2ba",
126
+ legendVal: "#ffffff"
127
127
  },
128
128
  dashboardFilter: {
129
- background: '#15212f',
130
- themeColor: '#63d0c7'
129
+ background: "#15212f",
130
+ themeColor: "#63d0c7"
131
131
  },
132
132
  tabContent: {
133
- searchListItem: '#fff',
134
- searchListMainIcon: '#fff',
135
- searchListMainIconBackground: '#00cec6',
136
- searchListItemSelected: '#00cec6',
137
- searchListMainIconSelected: '#00cec6',
138
- searchListMainIconBackgroundSelected: '#fff',
139
- activeColor: '#00cec6',
140
- activeColorSelected: '#fff'
133
+ searchListItem: "#fff",
134
+ searchListMainIcon: "#fff",
135
+ searchListMainIconBackground: "#00cec6",
136
+ searchListItemSelected: "#00cec6",
137
+ searchListMainIconSelected: "#00cec6",
138
+ searchListMainIconBackgroundSelected: "#fff",
139
+ activeColor: "#00cec6",
140
+ activeColorSelected: "#fff"
141
141
  },
142
142
  mainHeader: {
143
- background: '#15212f',
144
- themeColor: '#00cec6',
145
- rgbthemeColor: 'rgb(0, 206, 198)',
146
- searchModalBackground: '#121d29',
147
- lightThemeColor: '#07D5CD'
143
+ background: "#15212f",
144
+ themeColor: "#00cec6",
145
+ rgbthemeColor: "rgb(0, 206, 198)",
146
+ searchModalBackground: "#121d29",
147
+ lightThemeColor: "#07D5CD"
148
148
  },
149
149
  tabContentIngest: {
150
- searchListItem: '#fff',
151
- searchListMainIcon: '#fff',
152
- searchListMainIconBackground: '#00cec6',
153
- searchListItemSelected: '#00cec6',
154
- searchListMainIconSelected: '#00cec6',
155
- searchListMainIconBackgroundSelected: '#fff',
156
- activeColor: '#00cec6',
157
- activeColorSelected: '#fff'
150
+ searchListItem: "#fff",
151
+ searchListMainIcon: "#fff",
152
+ searchListMainIconBackground: "#00cec6",
153
+ searchListItemSelected: "#00cec6",
154
+ searchListMainIconSelected: "#00cec6",
155
+ searchListMainIconBackgroundSelected: "#fff",
156
+ activeColor: "#00cec6",
157
+ activeColorSelected: "#fff"
158
158
  },
159
159
  tabContentManageAccess: {
160
- searchListItem: '#fff',
161
- searchListMainIcon: '#fff',
162
- searchListMainIconBackground: '#00cec6',
163
- searchListItemSelected: '#00cec6',
164
- searchListItemSelectedBorder: '#2e666a',
165
- searchListMainIconSelected: '#00cec6',
166
- searchListMainIconBackgroundSelected: '#fff',
167
- activeColor: '#00cec6',
168
- activeColorSelected: '#fff'
160
+ searchListItem: "#fff",
161
+ searchListMainIcon: "#fff",
162
+ searchListMainIconBackground: "#00cec6",
163
+ searchListItemSelected: "#00cec6",
164
+ searchListItemSelectedBorder: "#2e666a",
165
+ searchListMainIconSelected: "#00cec6",
166
+ searchListMainIconBackgroundSelected: "#fff",
167
+ activeColor: "#00cec6",
168
+ activeColorSelected: "#fff"
169
169
  },
170
170
  qcReport: {
171
- background: '#15212f',
172
- themeColor: '#07D5CD'
171
+ background: "#15212f",
172
+ themeColor: "#07D5CD"
173
173
  },
174
174
  loader: {
175
- background: '#15212f',
176
- themeColor: '#00cec6',
177
- lightThemeColor: '#33d7ce'
175
+ background: "#15212f",
176
+ themeColor: "#00cec6",
177
+ lightThemeColor: "#33d7ce"
178
178
  },
179
179
  filter: {
180
- rgbthemeColor: 'rgb(0, 206, 198)',
181
- lightthemeColor: '#63d0c7',
182
- themeColor: '#00cec6'
180
+ rgbthemeColor: "rgb(0, 206, 198)",
181
+ lightthemeColor: "#63d0c7",
182
+ themeColor: "#00cec6"
183
183
  },
184
184
  inputLabel: {
185
- color: '#999999',
186
- colorOnFocus: '#999999'
185
+ color: "#999999",
186
+ colorOnFocus: "#999999"
187
187
  },
188
188
  inputCommon: {
189
- color: '#fff',
190
- colorDisabled: '#9c9b9b',
191
- border: '#999999',
192
- borderHover: '#999999',
193
- borderDisabled: '#a5a5a5',
194
- background: 'transparent'
189
+ color: "#fff",
190
+ colorDisabled: "#9c9b9b",
191
+ border: "#999999",
192
+ borderHover: "#999999",
193
+ borderDisabled: "#a5a5a5",
194
+ background: "transparent"
195
195
  },
196
196
  inputError: {
197
- border: '#ff6c56',
198
- borderHover: '#d23636',
199
- color: '#ff6c56'
197
+ border: "#ff6c56",
198
+ borderHover: "#d23636",
199
+ color: "#ff6c56"
200
200
  },
201
201
  customSelect: {
202
202
  chipSelectionBox: {
203
- border: '#999999',
204
- borderHover: '#f9f9f9'
203
+ border: "#999999",
204
+ borderHover: "#f9f9f9"
205
205
  },
206
206
  dropDownOptions: {
207
- background: '#121d29',
208
- border: '#999999',
209
- iconColor: '#afb2ba',
210
- color: '#cccccc',
211
- selectableColor: '#cccccc',
212
- selectableHoverBackground: '#b8fff6',
213
- selectableHoverColor: '#212121',
214
- selectedBackground: '#00cec6',
215
- selectedColor: '#fff',
216
- disabledBackground: '#585858',
217
- disabledColor: '#8c8c8c',
218
- selectedDisabledBackground: '#bbe6db',
219
- selectedDisabledColor: '#a0a0a0'
207
+ background: "#121d29",
208
+ border: "#999999",
209
+ iconColor: "#afb2ba",
210
+ color: "#cccccc",
211
+ selectableColor: "#cccccc",
212
+ selectableHoverBackground: "#b8fff6",
213
+ selectableHoverColor: "#212121",
214
+ selectedBackground: "#00cec6",
215
+ selectedColor: "#fff",
216
+ disabledBackground: "#585858",
217
+ disabledColor: "#8c8c8c",
218
+ selectedDisabledBackground: "#bbe6db",
219
+ selectedDisabledColor: "#a0a0a0"
220
220
  },
221
221
  searchInput: {}
222
222
  },
223
223
  pageHeader: {
224
- background: '#111c28',
225
- heading: '#ffffff',
226
- subHeading: '#aaaaaa'
224
+ background: "#111c28",
225
+ heading: "#ffffff",
226
+ subHeading: "#aaaaaa"
227
227
  },
228
228
  graph: {
229
- borderColor: '#07D5CD',
230
- inProgress: '#FFA751',
231
- rejected: '#FFA751',
232
- completed: '#00CEC6',
233
- pending: '#FFFFFF',
234
- failed: '#EF5350',
229
+ borderColor: "#07D5CD",
230
+ inProgress: "#FFA751",
231
+ rejected: "#FFA751",
232
+ completed: "#00CEC6",
233
+ pending: "#FFFFFF",
234
+ failed: "#EF5350",
235
235
  gradient: {
236
236
  completed: {
237
- from: '#00c8e7',
238
- to: '#00e6b9'
237
+ from: "#00c8e7",
238
+ to: "#00e6b9"
239
239
  },
240
240
  rejected: {
241
- from: '#ff8d29',
242
- to: '#f6462c'
241
+ from: "#ff8d29",
242
+ to: "#f6462c"
243
243
  },
244
244
  inProgress: {
245
- from: '#ff8d29',
246
- to: '#f6462c'
245
+ from: "#ff8d29",
246
+ to: "#f6462c"
247
247
  }
248
248
  }
249
249
  },
250
250
  button: {
251
251
  "default": {
252
- background: '#F1F1F1',
253
- backgroundHover: '#00cec6',
254
- backgroundFocus: '#00cec6',
255
- backgroundActive: '#00cec6',
256
- text: '#333',
257
- icon: '#333',
258
- border: '#F1F1F1',
259
- borderHover: '#00cec6',
260
- borderFocus: '#00cec6',
261
- borderActive: '#00cec6',
262
- textHover: '#0C141D',
263
- iconHover: '#FFF',
264
- boxShadow: 'rgba(0, 206, 198, 0.3)'
252
+ background: "#F1F1F1",
253
+ backgroundHover: "#00cec6",
254
+ backgroundFocus: "#00cec6",
255
+ backgroundActive: "#00cec6",
256
+ text: "#333",
257
+ icon: "#333",
258
+ border: "#F1F1F1",
259
+ borderHover: "#00cec6",
260
+ borderFocus: "#00cec6",
261
+ borderActive: "#00cec6",
262
+ textHover: "#0C141D",
263
+ iconHover: "#FFF",
264
+ boxShadow: "rgba(0, 206, 198, 0.3)"
265
265
  },
266
266
  primary: {
267
- background: '#00cec6',
268
- backgroundHover: '#00cec6',
269
- backgroundFocus: '#00cec6',
270
- backgroundActive: '#00cec6',
271
- text: '#0C141D',
272
- icon: '#FAFAFA',
273
- border: '#00cec6',
274
- borderHover: '#00cec6',
275
- borderFocus: '#00cec6',
276
- borderActive: '#00cec6',
277
- boxShadow: 'rgba(0, 206, 198, 0.3)'
267
+ background: "#00cec6",
268
+ backgroundHover: "#00cec6",
269
+ backgroundFocus: "#00cec6",
270
+ backgroundActive: "#00cec6",
271
+ text: "#0C141D",
272
+ icon: "#FAFAFA",
273
+ border: "#00cec6",
274
+ borderHover: "#00cec6",
275
+ borderFocus: "#00cec6",
276
+ borderActive: "#00cec6",
277
+ boxShadow: "rgba(0, 206, 198, 0.3)"
278
278
  },
279
279
  cta: {
280
- background: '#00cec6',
281
- backgroundHover: '#00cec6',
282
- backgroundFocus: '#00cec6',
283
- backgroundActive: '#00cec6',
284
- text: '#0C141D',
285
- icon: '#FAFAFA',
286
- border: '#00cec6',
287
- borderHover: '#00cec6',
288
- borderFocus: '#00cec6',
289
- borderActive: '#00cec6',
290
- boxShadow: 'rgba(0, 206, 198, 0.3)'
280
+ background: "#00cec6",
281
+ backgroundHover: "#00cec6",
282
+ backgroundFocus: "#00cec6",
283
+ backgroundActive: "#00cec6",
284
+ text: "#0C141D",
285
+ icon: "#FAFAFA",
286
+ border: "#00cec6",
287
+ borderHover: "#00cec6",
288
+ borderFocus: "#00cec6",
289
+ borderActive: "#00cec6",
290
+ boxShadow: "rgba(0, 206, 198, 0.3)"
291
291
  },
292
292
  bordered: {
293
- background: 'transparent',
294
- backgroundHover: '#00cec6',
295
- backgroundFocus: '#00cec6',
296
- backgroundActive: '#00cec6',
297
- text: '#00cec6',
298
- icon: '#00cec6',
299
- border: '#00cec6',
300
- borderHover: '#00cec6',
301
- borderFocus: '#00cec6',
302
- borderActive: '#00cec6',
303
- textHover: '#0C141D',
304
- iconHover: '#FFF',
305
- boxShadow: 'rgba(0, 206, 198, 0.3)'
293
+ background: "transparent",
294
+ backgroundHover: "#00cec6",
295
+ backgroundFocus: "#00cec6",
296
+ backgroundActive: "#00cec6",
297
+ text: "#00cec6",
298
+ icon: "#00cec6",
299
+ border: "#00cec6",
300
+ borderHover: "#00cec6",
301
+ borderFocus: "#00cec6",
302
+ borderActive: "#00cec6",
303
+ textHover: "#0C141D",
304
+ iconHover: "#FFF",
305
+ boxShadow: "rgba(0, 206, 198, 0.3)"
306
306
  },
307
307
  linked: {
308
- background: 'transparent',
309
- backgroundHover: '#transparent',
310
- backgroundFocus: '#transparent',
311
- backgroundActive: '#transparent',
312
- text: '#333',
313
- icon: '#333',
314
- border: '#transparent',
315
- borderHover: '#transparent',
316
- borderFocus: '#transparent',
317
- borderActive: '#transparent',
318
- textHover: '#333',
319
- iconHover: '#333',
320
- boxShadow: 'rgba(0, 206, 198, 0.3)'
308
+ background: "transparent",
309
+ backgroundHover: "#transparent",
310
+ backgroundFocus: "#transparent",
311
+ backgroundActive: "#transparent",
312
+ text: "#333",
313
+ icon: "#333",
314
+ border: "#transparent",
315
+ borderHover: "#transparent",
316
+ borderFocus: "#transparent",
317
+ borderActive: "#transparent",
318
+ textHover: "#333",
319
+ iconHover: "#333",
320
+ boxShadow: "rgba(0, 206, 198, 0.3)"
321
321
  }
322
322
  },
323
323
  input: {
324
- background: '#FFF',
325
- backgroundReadOnly: '#FFF',
326
- border: '#D9D9D9',
327
- borderHover: '#B7B7B7',
328
- borderFocus: '#0a84ae',
329
- borderError: '#e25f5f',
330
- errorColor: '#e25f5f',
331
- icon: '#A2A2A2',
332
- text: '#333333',
333
- textReadOnly: '#ccc',
334
- placeholder: '#B2B2B2',
335
- placeholderDisabled: '#C1C1C1',
336
- placeholderReadOnly: '#333',
337
- labelColor: '#999999',
338
- labelColorFocus: '#00cec6',
339
- labelColorDisabled: '#C6C6C6'
324
+ background: "#FFF",
325
+ backgroundReadOnly: "#FFF",
326
+ border: "#D9D9D9",
327
+ borderHover: "#B7B7B7",
328
+ borderFocus: "#0a84ae",
329
+ borderError: "#e25f5f",
330
+ errorColor: "#e25f5f",
331
+ icon: "#A2A2A2",
332
+ text: "#333333",
333
+ textReadOnly: "#ccc",
334
+ placeholder: "#B2B2B2",
335
+ placeholderDisabled: "#C1C1C1",
336
+ placeholderReadOnly: "#333",
337
+ labelColor: "#999999",
338
+ labelColorFocus: "#00cec6",
339
+ labelColorDisabled: "#C6C6C6"
340
340
  },
341
341
  radio: {
342
- background: '#121d29',
343
- border: '#dddddd',
344
- backgroundSelected: '#00cec6',
345
- borderSelected: '#00cec6',
346
- backgroundDisabled: '#F6F6F6',
347
- borderDisabled: '#CCC',
348
- shadow: 'rgba(0,0,0,0.0)',
349
- shadowDisabled: 'rgba(0,0,0,0.0)',
350
- selectedText: '#0C141D',
351
- color: '#cccccc'
342
+ background: "#121d29",
343
+ border: "#dddddd",
344
+ backgroundSelected: "#00cec6",
345
+ borderSelected: "#00cec6",
346
+ backgroundDisabled: "#F6F6F6",
347
+ borderDisabled: "#5D636B",
348
+ shadow: "rgba(0,0,0,0.0)",
349
+ shadowDisabled: "rgba(0,0,0,0.0)",
350
+ selectedText: "#0C141D",
351
+ color: "#cccccc"
352
352
  },
353
353
  table: {
354
- otherThemeShade: '#33d7ce',
355
- lightthemeColor: '#63d0c7',
356
- background: '#121d29',
357
- thColor: '#ffffff',
358
- tdColor: '#dddddd',
359
- innerTdColor: '#dddddd',
360
- titleColor: '#ffffff',
361
- innerTableBackground: '#111c28',
362
- border: '#3a4450',
363
- evenRowBackground: '#172636',
364
- rowSelectedBackground: '#122f39',
365
- titleBackgroundColor: '#00cec6',
366
- titleBorderTop: '#00cec6',
367
- titleActiveBackgroundColor: '#00cec6',
368
- titleActiveBorderColor: '#00cec6',
369
- titleBeforeBorderBottom: '#00cec6',
370
- titleCheckedBackgroundColor: '#00cec6',
371
- titleCheckedHoverBackgroundColor: '#00cec6',
372
- RowHoverColor: '#00cec6',
373
- CellHoverFocusColor: '#00cec6',
374
- CellHoverColor: '#00cec6',
375
- CellHoverFillColor: '#00cec6',
376
- CellMoreActionBackgroundColor: '#00cec6',
377
- CellBeforeBorderBottom: '#00cec6',
378
- CellNestedTableBorderLeft: '#00cec6',
379
- ApprovedBackground: '#00cec6',
380
- addRowThemeColor: '#00cdc5'
354
+ otherThemeShade: "#33d7ce",
355
+ lightthemeColor: "#63d0c7",
356
+ background: "#121d29",
357
+ thColor: "#ffffff",
358
+ tdColor: "#dddddd",
359
+ innerTdColor: "#dddddd",
360
+ titleColor: "#ffffff",
361
+ innerTableBackground: "#111c28",
362
+ border: "#3a4450",
363
+ evenRowBackground: "#172636",
364
+ rowSelectedBackground: "#122f39",
365
+ titleBackgroundColor: "#00cec6",
366
+ titleBorderTop: "#00cec6",
367
+ titleActiveBackgroundColor: "#00cec6",
368
+ titleActiveBorderColor: "#00cec6",
369
+ titleBeforeBorderBottom: "#00cec6",
370
+ titleCheckedBackgroundColor: "#00cec6",
371
+ titleCheckedHoverBackgroundColor: "#00cec6",
372
+ RowHoverColor: "#00cec6",
373
+ CellHoverFocusColor: "#00cec6",
374
+ CellHoverColor: "#00cec6",
375
+ CellHoverFillColor: "#00cec6",
376
+ CellMoreActionBackgroundColor: "#00cec6",
377
+ CellBeforeBorderBottom: "#00cec6",
378
+ CellNestedTableBorderLeft: "#00cec6",
379
+ ApprovedBackground: "#00cec6",
380
+ addRowThemeColor: "#00cdc5"
381
381
  },
382
382
  graphCard: {
383
- cardHeader: '#cccccc',
384
- dataText: '#aaaaaa',
385
- dataType: '#cccccc',
386
- dataVal: '#ffffff',
387
- legendName: '#afb2ba',
388
- legendVal: '#ffffff'
383
+ cardHeader: "#cccccc",
384
+ dataText: "#aaaaaa",
385
+ dataType: "#cccccc",
386
+ dataVal: "#ffffff",
387
+ legendName: "#afb2ba",
388
+ legendVal: "#ffffff"
389
389
  },
390
390
  datepicker: {
391
- calenderBorder: 'none',
392
- monthHeaderBorder: '#3a4450',
393
- monthHeaderTitleColor: '#cccccc',
394
- monthChangeIconBackground: '#00cec6',
395
- monthChangeIconBackgroundHover: '#303f51',
396
- dayNameColor: '#cccccc',
397
- background: '#162332',
398
- dayDefaultColor: '#fff',
399
- dayDefaultColorHover: '#3e3e3e',
400
- dayDisabledColor: '#525252',
401
- dayOtherMonthDisabledColor: '#525252',
402
- dayOtherMonthColor: '#a5a4a4',
403
- daySelectedColor: '#fff',
404
- dayTodayBackground: 'linear-gradient(to right, #00c8e7, #00e6b9)',
405
- dayTodayBorder: '#3a4450',
406
- dayDefaultBackground: 'transparent',
407
- dayDefaultBackgroundHover: '#EAEAEA',
408
- daySelectedBackground: '#00cec6',
409
- daySelectedDisabledBackground: '#acefea',
410
- nextPrevIconStroke: '#AFB2BA',
411
- selectedColor: '#fff',
412
- monthTextColor: '#fff',
413
- prevNextButton: '#303F51'
391
+ calenderBorder: "none",
392
+ monthHeaderBorder: "#3a4450",
393
+ monthHeaderTitleColor: "#cccccc",
394
+ monthChangeIconBackground: "#00cec6",
395
+ monthChangeIconBackgroundHover: "#303f51",
396
+ dayNameColor: "#cccccc",
397
+ background: "#162332",
398
+ dayDefaultColor: "#fff",
399
+ dayDefaultColorHover: "#3e3e3e",
400
+ dayDisabledColor: "#525252",
401
+ dayOtherMonthDisabledColor: "#525252",
402
+ dayOtherMonthColor: "#a5a4a4",
403
+ daySelectedColor: "#fff",
404
+ dayTodayBackground: "linear-gradient(to right, #00c8e7, #00e6b9)",
405
+ dayTodayBorder: "#3a4450",
406
+ dayDefaultBackground: "transparent",
407
+ dayDefaultBackgroundHover: "#EAEAEA",
408
+ daySelectedBackground: "#00cec6",
409
+ daySelectedDisabledBackground: "#acefea",
410
+ nextPrevIconStroke: "#AFB2BA",
411
+ selectedColor: "#fff",
412
+ monthTextColor: "#fff",
413
+ prevNextButton: "#303F51"
414
414
  },
415
415
  videoCard: {
416
- themeColor: '#00cec6',
417
- background: '#121d29',
418
- titleColor: '#fff',
419
- titleColorHover: '#00cec6',
420
- subTitleColor: '#cccccc',
421
- extraDetailsColor: '#aaaaaa',
416
+ themeColor: "#00cec6",
417
+ background: "#121d29",
418
+ titleColor: "#fff",
419
+ titleColorHover: "#00cec6",
420
+ subTitleColor: "#cccccc",
421
+ extraDetailsColor: "#aaaaaa",
422
422
  gradient: {
423
- grad1: 'linear-gradient(to bottom, #6b9fff, #46c3bb)',
424
- grad2: 'linear-gradient(to bottom, #edbe55, #ff8185)',
425
- grad3: 'linear-gradient(to bottom, #fc796b, #fc5aa9)',
426
- grad4: 'linear-gradient(to bottom, #3cc978, #31a0ef)',
427
- grad5: 'linear-gradient(to bottom, #3ab5ff, #ae7cf0)',
428
- grad6: 'linear-gradient(to bottom, #6b9fff, #46c3bb)',
429
- grad7: 'linear-gradient(to bottom, #edbe55, #ff8185)',
430
- grad8: 'linear-gradient(to bottom, #fc796b, #fc5aa9)',
431
- grad9: 'linear-gradient(to bottom, #3cc978, #31a0ef)',
432
- grad0: 'linear-gradient(to bottom, #3ab5ff, #ae7cf0)'
423
+ grad1: "linear-gradient(to bottom, #6b9fff, #46c3bb)",
424
+ grad2: "linear-gradient(to bottom, #edbe55, #ff8185)",
425
+ grad3: "linear-gradient(to bottom, #fc796b, #fc5aa9)",
426
+ grad4: "linear-gradient(to bottom, #3cc978, #31a0ef)",
427
+ grad5: "linear-gradient(to bottom, #3ab5ff, #ae7cf0)",
428
+ grad6: "linear-gradient(to bottom, #6b9fff, #46c3bb)",
429
+ grad7: "linear-gradient(to bottom, #edbe55, #ff8185)",
430
+ grad8: "linear-gradient(to bottom, #fc796b, #fc5aa9)",
431
+ grad9: "linear-gradient(to bottom, #3cc978, #31a0ef)",
432
+ grad0: "linear-gradient(to bottom, #3ab5ff, #ae7cf0)"
433
433
  }
434
434
  },
435
435
  pagination: {
436
- color: '#fff',
437
- pageButtonColor: '#cccccc',
438
- pageButton: '#121d29',
439
- commonColor: '#00cec6'
436
+ color: "#fff",
437
+ pageButtonColor: "#cccccc",
438
+ pageButton: "#121d29",
439
+ commonColor: "#00cec6"
440
440
  },
441
441
  tabs: {
442
- lightthemeColor: '#07D5CD',
443
- navsBackground: '#304153',
444
- navsDefaultColor: '#cccccc',
445
- navsSelectColor: '#00cec6',
446
- navsDefaultBorder: '#4e5c6c',
447
- navsSelectedBorder: '#00CEC6',
448
- contentBackground: '#121d29',
449
- OptionListBorder: '#00cec6'
442
+ lightthemeColor: "#07D5CD",
443
+ navsBackground: "#304153",
444
+ navsDefaultColor: "#cccccc",
445
+ navsSelectColor: "#00cec6",
446
+ navsDefaultBorder: "#4e5c6c",
447
+ navsSelectedBorder: "#00CEC6",
448
+ contentBackground: "#121d29",
449
+ OptionListBorder: "#00cec6"
450
450
  },
451
451
  "switch": {
452
- background: '#121d29',
453
- border: '#999999',
454
- circleBackground: 'transparent',
455
- circleBorder: '#999999',
456
- label: '#999999',
457
- checkedBorder: '#00cec6',
458
- checkedCircleBackground: '#00cec6',
459
- checkedCircleBorder: '#00cec6',
460
- checkedLabel: '#00cec6',
461
- backgroundDisabled: '#3e3e3e',
462
- borderDisabled: '#929292',
463
- checkedBorderDisabled: '#73bdbb'
452
+ background: "#121d29",
453
+ border: "#999999",
454
+ circleBackground: "transparent",
455
+ circleBorder: "#999999",
456
+ label: "#999999",
457
+ checkedBorder: "#00cec6",
458
+ checkedCircleBackground: "#00cec6",
459
+ checkedCircleBorder: "#00cec6",
460
+ checkedLabel: "#00cec6",
461
+ backgroundDisabled: "#3e3e3e",
462
+ borderDisabled: "#929292",
463
+ checkedBorderDisabled: "#73bdbb"
464
464
  },
465
465
  videoPlayer: {
466
- borderColor: 'rgb(0, 206, 198)',
467
- rgbaThemeColor: 'rgba(0, 206, 198, 0.1)',
468
- themeColor: '#00cec6'
466
+ borderColor: "rgb(0, 206, 198)",
467
+ rgbaThemeColor: "rgba(0, 206, 198, 0.1)",
468
+ themeColor: "#00cec6"
469
469
  },
470
470
  adminPanelTab: {
471
- searchListItem: '#fff',
472
- searchListMainIcon: '#fff',
473
- searchListMainIconBackground: '#00cec6',
474
- searchListItemSelected: '#00cec6',
475
- searchListItemSelectedBorder: '#2e666a',
476
- searchListMainIconSelected: '#00cec6',
477
- searchListMainIconBackgroundSelected: '#fff',
478
- activeColor: '#00cec6',
479
- activeColorSelected: '#fff'
471
+ searchListItem: "#fff",
472
+ searchListMainIcon: "#fff",
473
+ searchListMainIconBackground: "#00cec6",
474
+ searchListItemSelected: "#00cec6",
475
+ searchListItemSelectedBorder: "#2e666a",
476
+ searchListMainIconSelected: "#00cec6",
477
+ searchListMainIconBackgroundSelected: "#fff",
478
+ activeColor: "#00cec6",
479
+ activeColorSelected: "#fff"
480
480
  }
481
481
  },
482
482
  light: {
483
483
  "switch": {
484
- background: '#FFF',
485
- border: '#333',
486
- label: '#333',
487
- circleBackground: 'transparent',
488
- circleBorder: '#333',
489
- checkedBorder: '#00cec6',
490
- checkedCircleBackground: '#00cec6',
491
- checkedCircleBorder: '#00cec6',
492
- backgroundDisabled: '#f5f5f5',
493
- borderDisabled: '#cccccc',
494
- checkedBorderDisabled: '#a1efeb'
495
- },
496
- base: '#ffffff',
484
+ background: "#FFF",
485
+ border: "#333",
486
+ label: "#333",
487
+ circleBackground: "transparent",
488
+ circleBorder: "#333",
489
+ checkedBorder: "#00cec6",
490
+ checkedCircleBackground: "#00cec6",
491
+ checkedCircleBorder: "#00cec6",
492
+ backgroundDisabled: "#f5f5f5",
493
+ borderDisabled: "#cccccc",
494
+ checkedBorderDisabled: "#a1efeb"
495
+ },
496
+ base: "#ffffff",
497
497
  status: {
498
498
  "default": {
499
- background: '#F5F5F5',
500
- text: '#FFFFFF'
499
+ background: "#F5F5F5",
500
+ text: "#FFFFFF"
501
501
  },
502
502
  primary: {
503
- background: '#00DAD0',
504
- text: '#FFFFFF'
503
+ background: "#00DAD0",
504
+ text: "#FFFFFF"
505
505
  }
506
506
  },
507
507
  label: {
508
- background: '#f5f5f5',
509
- text: '#00cec6',
510
- boxBackground: '#33d7ce',
511
- circleLoader: '#43ada7',
512
- spinLoader: '#3acec6',
513
- redthemeColor: '#3acec6'
508
+ background: "#f5f5f5",
509
+ text: "#00cec6",
510
+ boxBackground: "#33d7ce",
511
+ circleLoader: "#43ada7",
512
+ spinLoader: "#3acec6",
513
+ redthemeColor: "#3acec6"
514
514
  },
515
515
  popup: {
516
- cancleButtonBackground: '#afb2ba',
517
- text: '#fff',
518
- messageText: '#afb2ba',
519
- cancleHoverBackground: '#999999',
520
- cancleHoverText: '#00cec6',
521
- ButtonText: '#182738',
522
- overlayColor: 'rgba(0, 0, 0, 0.5)',
523
- popupBoxBackground: '#fff',
524
- cancleIconColor: '#afb2ba'
516
+ cancleButtonBackground: "#afb2ba",
517
+ text: "#fff",
518
+ messageText: "#afb2ba",
519
+ cancleHoverBackground: "#999999",
520
+ cancleHoverText: "#00cec6",
521
+ ButtonText: "#182738",
522
+ overlayColor: "rgba(0, 0, 0, 0.5)",
523
+ popupBoxBackground: "#fff",
524
+ cancleIconColor: "#afb2ba"
525
525
  },
526
526
  toast: {
527
- themeColor: '#00cec6'
527
+ themeColor: "#00cec6"
528
528
  },
529
529
  timeCodeInput: {
530
- rgbthemeColor: 'rgb(0 206 198)'
530
+ rgbthemeColor: "rgb(0 206 198)"
531
531
  },
532
532
  tag: {
533
- background: '#f5f5f5',
534
- text: '#333333',
535
- textHover: '#00cec6',
536
- textSelected: '#fff'
533
+ background: "#f5f5f5",
534
+ text: "#333333",
535
+ textHover: "#00cec6",
536
+ textSelected: "#fff"
537
537
  },
538
538
  card: {
539
- background: '#ffffff',
540
- themeColor: '#00cec6'
539
+ background: "#ffffff",
540
+ themeColor: "#00cec6"
541
541
  },
542
542
  sideBar: {
543
- background: '#ffffff',
544
- themeColor: '#00cec6',
545
- lightthemeColor: 'rgb(0, 206, 198)'
543
+ background: "#ffffff",
544
+ themeColor: "#00cec6",
545
+ lightthemeColor: "rgb(0, 206, 198)"
546
546
  },
547
547
  searchHeader: {
548
- color: '#333',
549
- searchTextFieldBackground: 'transparent',
550
- searchTextFieldColor: '#333',
551
- searchBoxTop: '#aaaaaa',
552
- resultsCategory: '#666666',
553
- resultsCategoryStrong: '#333',
554
- mainColor: '#00cec6',
555
- listTitleBorder: '#dddddd'
548
+ color: "#333",
549
+ searchTextFieldBackground: "transparent",
550
+ searchTextFieldColor: "#333",
551
+ searchBoxTop: "#aaaaaa",
552
+ resultsCategory: "#666666",
553
+ resultsCategoryStrong: "#333",
554
+ mainColor: "#00cec6",
555
+ listTitleBorder: "#dddddd"
556
556
  },
557
557
  dashboard: {
558
- cardHeader: '#333',
559
- dataText: '#999999',
560
- dataType: '#666666',
561
- dataVal: '#333',
562
- legendName: '#666666',
563
- legendVal: '#333333'
558
+ cardHeader: "#333",
559
+ dataText: "#999999",
560
+ dataType: "#666666",
561
+ dataVal: "#333",
562
+ legendName: "#666666",
563
+ legendVal: "#333333"
564
564
  },
565
565
  dashboardFilter: {
566
- background: '#ffffff',
567
- themeColor: '#63d0c7'
566
+ background: "#ffffff",
567
+ themeColor: "#63d0c7"
568
568
  },
569
569
  mainHeader: {
570
- background: '#ffffff',
571
- themeColor: '#00cec6',
572
- rgbthemeColor: 'rgb(0, 206, 198)',
573
- searchModalBackground: '#fff',
574
- lightThemeColor: '#07D5CD'
570
+ background: "#ffffff",
571
+ themeColor: "#00cec6",
572
+ rgbthemeColor: "rgb(0, 206, 198)",
573
+ searchModalBackground: "#fff",
574
+ lightThemeColor: "#07D5CD"
575
575
  },
576
576
  tabContent: {
577
- searchModalBackground: '#fff',
578
- searchListItem: '#fff',
579
- searchListMainIcon: '#fff',
580
- searchListMainIconBackground: '#00cec6',
581
- searchListItemSelected: '#00cec6',
582
- searchListMainIconSelected: '#00cec6',
583
- searchListMainIconBackgroundSelected: '#fff',
584
- activeColor: '#00cec6',
585
- activeColorSelected: '#fff'
577
+ searchModalBackground: "#fff",
578
+ searchListItem: "#fff",
579
+ searchListMainIcon: "#fff",
580
+ searchListMainIconBackground: "#00cec6",
581
+ searchListItemSelected: "#00cec6",
582
+ searchListMainIconSelected: "#00cec6",
583
+ searchListMainIconBackgroundSelected: "#fff",
584
+ activeColor: "#00cec6",
585
+ activeColorSelected: "#fff"
586
586
  },
587
587
  tabContentIngest: {
588
- searchModalBackground: '#fff',
589
- searchListItem: '#fff',
590
- searchListMainIcon: '#fff',
591
- searchListMainIconBackground: '#00cec6',
592
- searchListItemSelected: '#00cec6',
593
- searchListMainIconSelected: '#00cec6',
594
- searchListMainIconBackgroundSelected: '#fff',
595
- activeColor: '#00cec6',
596
- activeColorSelected: '#fff'
588
+ searchModalBackground: "#fff",
589
+ searchListItem: "#fff",
590
+ searchListMainIcon: "#fff",
591
+ searchListMainIconBackground: "#00cec6",
592
+ searchListItemSelected: "#00cec6",
593
+ searchListMainIconSelected: "#00cec6",
594
+ searchListMainIconBackgroundSelected: "#fff",
595
+ activeColor: "#00cec6",
596
+ activeColorSelected: "#fff"
597
597
  },
598
598
  tabContentManageAccess: {
599
- searchModalBackground: '#fff',
600
- searchListItem: '#fff',
601
- searchListMainIcon: '#fff',
602
- searchListMainIconBackground: '#00cec6',
603
- searchListItemSelected: '#00cec6',
604
- searchListItemSelectedBorder: '#2e666a',
605
- searchListMainIconSelected: '#00cec6',
606
- searchListMainIconBackgroundSelected: '#fff',
607
- activeColor: '#00cec6',
608
- activeColorSelected: '#fff'
599
+ searchModalBackground: "#fff",
600
+ searchListItem: "#fff",
601
+ searchListMainIcon: "#fff",
602
+ searchListMainIconBackground: "#00cec6",
603
+ searchListItemSelected: "#00cec6",
604
+ searchListItemSelectedBorder: "#2e666a",
605
+ searchListMainIconSelected: "#00cec6",
606
+ searchListMainIconBackgroundSelected: "#fff",
607
+ activeColor: "#00cec6",
608
+ activeColorSelected: "#fff"
609
609
  },
610
610
  qcReport: {
611
- background: '#ffffff',
612
- themeColor: '#07D5CD'
611
+ background: "#ffffff",
612
+ themeColor: "#07D5CD"
613
613
  },
614
614
  loader: {
615
- background: '#ffffff',
616
- themeColor: '#00cec6',
617
- lightThemeColor: '#33d7ce'
615
+ background: "#ffffff",
616
+ themeColor: "#00cec6",
617
+ lightThemeColor: "#33d7ce"
618
618
  },
619
619
  filter: {
620
- rgbthemeColor: 'rgb(0, 206, 198)',
621
- lightthemeColor: '#63d0c7',
622
- themeColor: '#00cec6'
620
+ rgbthemeColor: "rgb(0, 206, 198)",
621
+ lightthemeColor: "#63d0c7",
622
+ themeColor: "#00cec6"
623
623
  },
624
624
  pageHeader: {
625
- background: '#ffffff',
626
- heading: '#333333',
627
- subHeading: '#999999'
625
+ background: "#ffffff",
626
+ heading: "#333333",
627
+ subHeading: "#999999"
628
628
  },
629
629
  graph: {
630
- borderColor: '#07D5CD',
631
- inProgress: '#FFA751',
632
- rejected: '#FFA751',
633
- completed: '#00CEC6',
634
- pending: '#FFFFFF',
635
- failed: '#EF5350',
630
+ borderColor: "#07D5CD",
631
+ inProgress: "#FFA751",
632
+ rejected: "#FFA751",
633
+ completed: "#00CEC6",
634
+ pending: "#FFFFFF",
635
+ failed: "#EF5350",
636
636
  gradient: {
637
637
  completed: {
638
- from: '#00c8e7',
639
- to: '#00e6b9'
638
+ from: "#00c8e7",
639
+ to: "#00e6b9"
640
640
  },
641
641
  rejected: {
642
- from: '#ff8d29',
643
- to: '#f6462c'
642
+ from: "#ff8d29",
643
+ to: "#f6462c"
644
644
  },
645
645
  inProgress: {
646
- from: '#ff8d29',
647
- to: '#f6462c'
646
+ from: "#ff8d29",
647
+ to: "#f6462c"
648
648
  }
649
649
  }
650
650
  },
651
651
  button: {
652
652
  "default": {
653
- background: '#ffffff',
654
- backgroundHover: '#00cec6',
655
- text: '#666666',
656
- icon: '#666666',
657
- border: '#ffffff',
658
- borderHover: '#00cec6',
659
- textHover: '#0C141D',
660
- iconHover: '#FFF',
661
- boxShadow: 'rgba(7, 213, 205, 0.2)'
653
+ background: "#ffffff",
654
+ backgroundHover: "#00cec6",
655
+ text: "#666666",
656
+ icon: "#666666",
657
+ border: "#ffffff",
658
+ borderHover: "#00cec6",
659
+ textHover: "#0C141D",
660
+ iconHover: "#FFF",
661
+ boxShadow: "rgba(7, 213, 205, 0.2)"
662
662
  },
663
663
  primary: {
664
- background: '#00cec6',
665
- backgroundHover: '#00cec6',
666
- backgroundFocus: '#00cec6',
667
- backgroundActive: '#00cec6',
668
- text: '#0C141D',
669
- icon: '#FAFAFA',
670
- border: '#00cec6',
671
- borderHover: '#00cec6',
672
- borderFocus: '#00cec6',
673
- borderActive: '#00cec6',
674
- boxShadow: 'rgba(7, 213, 205, 0.2)'
664
+ background: "#00cec6",
665
+ backgroundHover: "#00cec6",
666
+ backgroundFocus: "#00cec6",
667
+ backgroundActive: "#00cec6",
668
+ text: "#0C141D",
669
+ icon: "#FAFAFA",
670
+ border: "#00cec6",
671
+ borderHover: "#00cec6",
672
+ borderFocus: "#00cec6",
673
+ borderActive: "#00cec6",
674
+ boxShadow: "rgba(7, 213, 205, 0.2)"
675
675
  },
676
676
  cta: {
677
- background: '#00cec6',
678
- backgroundHover: '#00cec6',
679
- backgroundFocus: '#00cec6',
680
- backgroundActive: '#00cec6',
681
- text: '#0C141D',
682
- icon: '#FAFAFA',
683
- border: '#00cec6',
684
- borderHover: '#00cec6',
685
- borderFocus: '#00cec6',
686
- borderActive: '#00cec6',
687
- boxShadow: 'rgba(7, 213, 205, 0.2)'
677
+ background: "#00cec6",
678
+ backgroundHover: "#00cec6",
679
+ backgroundFocus: "#00cec6",
680
+ backgroundActive: "#00cec6",
681
+ text: "#0C141D",
682
+ icon: "#FAFAFA",
683
+ border: "#00cec6",
684
+ borderHover: "#00cec6",
685
+ borderFocus: "#00cec6",
686
+ borderActive: "#00cec6",
687
+ boxShadow: "rgba(7, 213, 205, 0.2)"
688
688
  },
689
689
  bordered: {
690
- background: 'transparent',
691
- backgroundHover: '#00cec6',
692
- backgroundFocus: '#00cec6',
693
- backgroundActive: '#00cec6',
694
- text: '#00cec6',
695
- icon: '#00cec6',
696
- border: '#00cec6',
697
- borderHover: '#00cec6',
698
- borderFocus: '#00cec6',
699
- borderActive: '#00cec6',
700
- textHover: '#0C141D',
701
- iconHover: '#FFF',
702
- boxShadow: 'rgba(7, 213, 205, 0.2)'
690
+ background: "transparent",
691
+ backgroundHover: "#00cec6",
692
+ backgroundFocus: "#00cec6",
693
+ backgroundActive: "#00cec6",
694
+ text: "#00cec6",
695
+ icon: "#00cec6",
696
+ border: "#00cec6",
697
+ borderHover: "#00cec6",
698
+ borderFocus: "#00cec6",
699
+ borderActive: "#00cec6",
700
+ textHover: "#0C141D",
701
+ iconHover: "#FFF",
702
+ boxShadow: "rgba(7, 213, 205, 0.2)"
703
703
  },
704
704
  linked: {
705
- background: 'transparent',
706
- backgroundHover: '#transparent',
707
- backgroundFocus: '#transparent',
708
- backgroundActive: '#transparent',
709
- text: '#333',
710
- icon: '#333',
711
- border: '#transparent',
712
- borderHover: '#transparent',
713
- borderFocus: '#transparent',
714
- borderActive: '#transparent',
715
- textHover: '#333',
716
- iconHover: '#333',
717
- boxShadow: 'rgba(7, 213, 205, 0.2)'
705
+ background: "transparent",
706
+ backgroundHover: "#transparent",
707
+ backgroundFocus: "#transparent",
708
+ backgroundActive: "#transparent",
709
+ text: "#333",
710
+ icon: "#333",
711
+ border: "#transparent",
712
+ borderHover: "#transparent",
713
+ borderFocus: "#transparent",
714
+ borderActive: "#transparent",
715
+ textHover: "#333",
716
+ iconHover: "#333",
717
+ boxShadow: "rgba(7, 213, 205, 0.2)"
718
718
  }
719
719
  },
720
720
  inputLabel: {
721
- color: '#999999',
722
- colorOnFocus: '#999999'
721
+ color: "#999999",
722
+ colorOnFocus: "#999999"
723
723
  },
724
724
  inputCommon: {
725
- color: '#333',
726
- colorDisabled: '#9c9b9b',
727
- placeholder: '#bbbbbb',
728
- border: '#dddddd',
729
- borderHover: '#dddddd',
730
- borderDisabled: '#a5a5a5',
731
- background: 'transparent'
725
+ color: "#333",
726
+ colorDisabled: "#9c9b9b",
727
+ placeholder: "#bbbbbb",
728
+ border: "#dddddd",
729
+ borderHover: "#dddddd",
730
+ borderDisabled: "#a5a5a5",
731
+ background: "transparent"
732
732
  },
733
733
  inputError: {
734
- border: '#ff6c56',
735
- borderHover: '#d23636',
736
- color: '#ff6c56'
734
+ border: "#ff6c56",
735
+ borderHover: "#d23636",
736
+ color: "#ff6c56"
737
737
  },
738
738
  customSelect: {
739
739
  chipSelectionBox: {
740
- border: '#dddddd',
741
- borderHover: '#999999'
740
+ border: "#dddddd",
741
+ borderHover: "#999999"
742
742
  },
743
743
  dropDownOptions: {
744
- background: '#fff',
745
- border: '#dddddd',
746
- iconColor: '#afb2ba',
747
- color: '#333333',
748
- selectableColor: '#333333',
749
- selectableHoverBackground: '#b8fff6',
750
- selectableHoverColor: '#212121',
751
- selectedBackground: '#00cec6',
752
- selectedColor: '#fff',
753
- disabledBackground: '#eaeaea',
754
- disabledColor: '#b1b1b1',
755
- selectedDisabledBackground: '#bbe6db',
756
- selectedDisabledColor: '#a0a0a0'
744
+ background: "#fff",
745
+ border: "#dddddd",
746
+ iconColor: "#afb2ba",
747
+ color: "#333333",
748
+ selectableColor: "#333333",
749
+ selectableHoverBackground: "#b8fff6",
750
+ selectableHoverColor: "#212121",
751
+ selectedBackground: "#00cec6",
752
+ selectedColor: "#fff",
753
+ disabledBackground: "#eaeaea",
754
+ disabledColor: "#b1b1b1",
755
+ selectedDisabledBackground: "#bbe6db",
756
+ selectedDisabledColor: "#a0a0a0"
757
757
  },
758
758
  searchInput: {}
759
759
  },
760
760
  datepicker: {
761
- calenderBorder: '#eeeeee',
762
- monthHeaderBorder: '#dddddd',
763
- monthHeaderTitleColor: '#818181',
764
- monthChangeIconBackground: '#00cec6',
765
- monthChangeIconBackgroundHover: '#31cfc6',
766
- dayNameColor: '#666666',
767
- background: '#ffffff',
768
- dayDefaultColor: '#666666',
769
- dayDefaultColorHover: '#666666',
770
- dayDisabledColor: '#c1c1c1',
771
- dayOtherMonthDisabledColor: '#dedede',
772
- dayOtherMonthColor: '#a5a4a4',
773
- daySelectedColor: '#fff',
774
- dayDefaultBackground: 'transparent',
775
- dayDefaultBackgroundHover: '#EAEAEA',
776
- daySelectedBackground: '#00cec6',
777
- daySelectedDisabledBackground: '#acefea',
778
- nextPrevIconStroke: '#999999',
779
- selectedColor: '#fff',
780
- monthTextColor: '#000'
761
+ calenderBorder: "#eeeeee",
762
+ monthHeaderBorder: "#dddddd",
763
+ monthHeaderTitleColor: "#818181",
764
+ monthChangeIconBackground: "#00cec6",
765
+ monthChangeIconBackgroundHover: "#31cfc6",
766
+ dayNameColor: "#666666",
767
+ background: "#ffffff",
768
+ dayDefaultColor: "#666666",
769
+ dayDefaultColorHover: "#666666",
770
+ dayDisabledColor: "#c1c1c1",
771
+ dayOtherMonthDisabledColor: "#dedede",
772
+ dayOtherMonthColor: "#a5a4a4",
773
+ daySelectedColor: "#fff",
774
+ dayDefaultBackground: "transparent",
775
+ dayDefaultBackgroundHover: "#EAEAEA",
776
+ daySelectedBackground: "#00cec6",
777
+ daySelectedDisabledBackground: "#acefea",
778
+ nextPrevIconStroke: "#999999",
779
+ selectedColor: "#fff",
780
+ monthTextColor: "#000"
781
781
  },
782
782
  videoCard: {
783
- themeColor: '#00cec6',
784
- background: '#fff',
785
- titleColor: '#555',
786
- titleColorHover: '#00cec6',
787
- subTitleColor: '#666666',
788
- extraDetailsColor: '#555555',
783
+ themeColor: "#00cec6",
784
+ background: "#fff",
785
+ titleColor: "#555",
786
+ titleColorHover: "#00cec6",
787
+ subTitleColor: "#666666",
788
+ extraDetailsColor: "#555555",
789
789
  gradient: {
790
- grad1: 'linear-gradient(to bottom, #6b9fff, #46c3bb)',
791
- grad2: 'linear-gradient(to bottom, #edbe55, #ff8185)',
792
- grad3: 'linear-gradient(to bottom, #fc796b, #fc5aa9)',
793
- grad4: 'linear-gradient(to bottom, #3cc978, #31a0ef)',
794
- grad5: 'linear-gradient(to bottom, #3ab5ff, #ae7cf0)',
795
- grad6: 'linear-gradient(to bottom, #6b9fff, #46c3bb)',
796
- grad7: 'linear-gradient(to bottom, #edbe55, #ff8185)',
797
- grad8: 'linear-gradient(to bottom, #fc796b, #fc5aa9)',
798
- grad9: 'linear-gradient(to bottom, #3cc978, #31a0ef)',
799
- grad0: 'linear-gradient(to bottom, #3ab5ff, #ae7cf0)'
790
+ grad1: "linear-gradient(to bottom, #6b9fff, #46c3bb)",
791
+ grad2: "linear-gradient(to bottom, #edbe55, #ff8185)",
792
+ grad3: "linear-gradient(to bottom, #fc796b, #fc5aa9)",
793
+ grad4: "linear-gradient(to bottom, #3cc978, #31a0ef)",
794
+ grad5: "linear-gradient(to bottom, #3ab5ff, #ae7cf0)",
795
+ grad6: "linear-gradient(to bottom, #6b9fff, #46c3bb)",
796
+ grad7: "linear-gradient(to bottom, #edbe55, #ff8185)",
797
+ grad8: "linear-gradient(to bottom, #fc796b, #fc5aa9)",
798
+ grad9: "linear-gradient(to bottom, #3cc978, #31a0ef)",
799
+ grad0: "linear-gradient(to bottom, #3ab5ff, #ae7cf0)"
800
800
  }
801
801
  },
802
802
  table: {
803
- otherThemeShade: '#33d7ce',
804
- lightthemeColor: '#63d0c7',
805
- background: '#121d29',
806
- thColor: '#ffffff',
807
- tdColor: '#dddddd',
808
- innerTdColor: '#dddddd',
809
- titleColor: '#ffffff',
810
- innerTableBackground: '#111c28',
811
- border: '#3a4450',
812
- evenRowBackground: '#172636',
813
- rowSelectedBackground: '#122f39',
814
- titleBackgroundColor: '#00cec6',
815
- titleBorderTop: '#00cec6',
816
- titleActiveBackgroundColor: '#00cec6',
817
- titleActiveBorderColor: '#00cec6',
818
- titleBeforeBorderBottom: '#00cec6',
819
- titleCheckedBackgroundColor: '#00cec6',
820
- titleCheckedHoverBackgroundColor: '#00cec6',
821
- RowHoverColor: '#00cec6',
822
- CellHoverFocusColor: '#00cec6',
823
- CellHoverColor: '#00cec6',
824
- CellHoverFillColor: '#00cec6',
825
- CellMoreActionBackgroundColor: '#00cec6',
826
- CellBeforeBorderBottom: '#00cec6',
827
- CellNestedTableBorderLeft: '#00cec6',
828
- ApprovedBackground: '#00cec6',
829
- addRowThemeColor: '#00cdc5'
803
+ otherThemeShade: "#33d7ce",
804
+ lightthemeColor: "#63d0c7",
805
+ background: "#121d29",
806
+ thColor: "#ffffff",
807
+ tdColor: "#dddddd",
808
+ innerTdColor: "#dddddd",
809
+ titleColor: "#ffffff",
810
+ innerTableBackground: "#111c28",
811
+ border: "#3a4450",
812
+ evenRowBackground: "#172636",
813
+ rowSelectedBackground: "#122f39",
814
+ titleBackgroundColor: "#00cec6",
815
+ titleBorderTop: "#00cec6",
816
+ titleActiveBackgroundColor: "#00cec6",
817
+ titleActiveBorderColor: "#00cec6",
818
+ titleBeforeBorderBottom: "#00cec6",
819
+ titleCheckedBackgroundColor: "#00cec6",
820
+ titleCheckedHoverBackgroundColor: "#00cec6",
821
+ RowHoverColor: "#00cec6",
822
+ CellHoverFocusColor: "#00cec6",
823
+ CellHoverColor: "#00cec6",
824
+ CellHoverFillColor: "#00cec6",
825
+ CellMoreActionBackgroundColor: "#00cec6",
826
+ CellBeforeBorderBottom: "#00cec6",
827
+ CellNestedTableBorderLeft: "#00cec6",
828
+ ApprovedBackground: "#00cec6",
829
+ addRowThemeColor: "#00cdc5"
830
830
  },
831
831
  graphCard: {
832
- cardHeader: '#333',
833
- dataText: '#999999',
834
- dataType: '#666666',
835
- dataVal: '#333',
836
- legendName: '#666666',
837
- legendVal: '#333333'
832
+ cardHeader: "#333",
833
+ dataText: "#999999",
834
+ dataType: "#666666",
835
+ dataVal: "#333",
836
+ legendName: "#666666",
837
+ legendVal: "#333333"
838
838
  },
839
839
  radio: {
840
- background: '#fff',
841
- border: '#dddddd',
842
- backgroundSelected: '#00cec6',
843
- borderSelected: '#00cec6',
844
- backgroundDisabled: '#F6F6F6',
845
- borderDisabled: '#CCC',
846
- shadow: 'rgba(0,0,0,0.0)',
847
- shadowDisabled: 'rgba(0,0,0,0.0)',
848
- selectedText: '#0C141D',
849
- color: '#666666'
840
+ background: "#fff",
841
+ border: "#dddddd",
842
+ backgroundSelected: "#00cec6",
843
+ borderSelected: "#00cec6",
844
+ backgroundDisabled: "#F6F6F6",
845
+ borderDisabled: "#CCC",
846
+ shadow: "rgba(0,0,0,0.0)",
847
+ shadowDisabled: "rgba(0,0,0,0.0)",
848
+ selectedText: "#0C141D",
849
+ color: "#666666"
850
850
  },
851
851
  pagination: {
852
- color: '#121d29',
853
- pageButtonColor: '#666666',
854
- pageButtonBackground: '#ffffff',
855
- commonColor: '#00cec6'
852
+ color: "#121d29",
853
+ pageButtonColor: "#666666",
854
+ pageButtonBackground: "#ffffff",
855
+ commonColor: "#00cec6"
856
856
  },
857
857
  tabs: {
858
- lightthemeColor: '#07D5CD',
859
- navsBackground: '#f5f5f5',
860
- navsDefaultColor: '#999999',
861
- navsSelectColor: '#00CEC6',
862
- navsDefaultBorder: '#dddddd',
863
- navsSelectedBorder: '#00CEC6',
864
- contentBackground: '#ffffff',
865
- OptionListBorder: '#00cec6'
858
+ lightthemeColor: "#07D5CD",
859
+ navsBackground: "#f5f5f5",
860
+ navsDefaultColor: "#999999",
861
+ navsSelectColor: "#00CEC6",
862
+ navsDefaultBorder: "#dddddd",
863
+ navsSelectedBorder: "#00CEC6",
864
+ contentBackground: "#ffffff",
865
+ OptionListBorder: "#00cec6"
866
866
  },
867
867
  videoPlayer: {
868
- borderColor: 'rgb(0, 206, 198)',
869
- rgbaThemeColor: 'rgba(0, 206, 198, 0.1)',
870
- themeColor: '#00cec6'
868
+ borderColor: "rgb(0, 206, 198)",
869
+ rgbaThemeColor: "rgba(0, 206, 198, 0.1)",
870
+ themeColor: "#00cec6"
871
871
  },
872
872
  adminPanelTab: {
873
- searchModalBackground: '#fff',
874
- searchListItem: '#fff',
875
- searchListMainIcon: '#fff',
876
- searchListMainIconBackground: '#00cec6',
877
- searchListItemSelected: '#00cec6',
878
- searchListItemSelectedBorder: '#2e666a',
879
- searchListMainIconSelected: '#00cec6',
880
- searchListMainIconBackgroundSelected: '#fff',
881
- activeColor: '#00cec6',
882
- activeColorSelected: '#fff'
873
+ searchModalBackground: "#fff",
874
+ searchListItem: "#fff",
875
+ searchListMainIcon: "#fff",
876
+ searchListMainIconBackground: "#00cec6",
877
+ searchListItemSelected: "#00cec6",
878
+ searchListItemSelectedBorder: "#2e666a",
879
+ searchListMainIconSelected: "#00cec6",
880
+ searchListMainIconBackgroundSelected: "#fff",
881
+ activeColor: "#00cec6",
882
+ activeColorSelected: "#fff"
883
883
  }
884
884
  },
885
885
  nexc: {
886
- base: '#121d29',
886
+ base: "#121d29",
887
887
  status: {
888
888
  "default": {
889
- background: '#303D55',
890
- text: '#0C141D'
889
+ background: "#303D55",
890
+ text: "#0C141D"
891
891
  },
892
892
  primary: {
893
- background: '#60BEF8',
894
- text: '#0C141D'
893
+ background: "#60BEF8",
894
+ text: "#0C141D"
895
895
  }
896
896
  },
897
897
  label: {
898
- background: '#303f51',
899
- text: '#60BEF8',
900
- boxBackground: '#60BEF8',
901
- circleLoader: '#60BEF8',
902
- spinLoader: '#60BEF8',
903
- redthemeColor: '#60BEF8'
898
+ background: "#303f51",
899
+ text: "#60BEF8",
900
+ boxBackground: "#60BEF8",
901
+ circleLoader: "#60BEF8",
902
+ spinLoader: "#60BEF8",
903
+ redthemeColor: "#60BEF8"
904
904
  },
905
905
  popup: {
906
- cancleButtonBackground: '#182738',
907
- text: '#afb2ba',
908
- messageText: '#afb2ba',
909
- cancleHoverBackground: '#182738',
910
- cancleHoverText: '#60BEF8',
911
- ButtonText: '#fff',
912
- overlayColor: 'rgba(0, 0, 0, 0.5)',
913
- popupBoxBackground: '#121d29',
914
- cancleIconColor: '#afb2ba'
906
+ cancleButtonBackground: "#182738",
907
+ text: "#afb2ba",
908
+ messageText: "#afb2ba",
909
+ cancleHoverBackground: "#182738",
910
+ cancleHoverText: "#60BEF8",
911
+ ButtonText: "#fff",
912
+ overlayColor: "rgba(0, 0, 0, 0.5)",
913
+ popupBoxBackground: "#121d29",
914
+ cancleIconColor: "#afb2ba"
915
915
  },
916
916
  toast: {
917
- themeColor: '#60BEF8'
917
+ themeColor: "#60BEF8"
918
918
  },
919
919
  timeCodeInput: {
920
- rgbthemeColor: '#60BEF8'
920
+ rgbthemeColor: "#60BEF8"
921
921
  },
922
922
  tag: {
923
- background: '#304153',
924
- text: '#fff',
925
- textHover: '#60BEF8',
926
- textSelected: '#fff'
923
+ background: "#304153",
924
+ text: "#fff",
925
+ textHover: "#60BEF8",
926
+ textSelected: "#fff"
927
927
  },
928
928
  card: {
929
- background: '#15212f',
930
- themeColor: '#60BEF8'
929
+ background: "#15212f",
930
+ themeColor: "#60BEF8"
931
931
  },
932
932
  sideBar: {
933
- background: '#15212f',
934
- themeColor: '#60BEF8',
935
- lightthemeColor: '#60BEF8'
933
+ background: "#15212f",
934
+ themeColor: "#60BEF8",
935
+ lightthemeColor: "#60BEF8"
936
936
  },
937
937
  searchHeader: {
938
- color: '#ccc',
939
- searchTextFieldBackground: 'transparent',
940
- searchTextFieldColor: '#afb2ba',
941
- searchBoxTop: '#aaaaaa',
942
- resultsCategory: '#cccccc',
943
- resultsCategoryStrong: '#ffffff',
944
- listTitleBorder: '#3a4450',
945
- mainColor: '#60BEF8'
938
+ color: "#ccc",
939
+ searchTextFieldBackground: "transparent",
940
+ searchTextFieldColor: "#afb2ba",
941
+ searchBoxTop: "#aaaaaa",
942
+ resultsCategory: "#cccccc",
943
+ resultsCategoryStrong: "#ffffff",
944
+ listTitleBorder: "#3a4450",
945
+ mainColor: "#60BEF8"
946
946
  },
947
947
  dashboard: {
948
- cardHeader: '#cccccc',
949
- dataText: '#aaaaaa',
950
- dataType: '#cccccc',
951
- dataVal: '#ffffff',
952
- legendName: '#afb2ba',
953
- legendVal: '#ffffff'
948
+ cardHeader: "#cccccc",
949
+ dataText: "#aaaaaa",
950
+ dataType: "#cccccc",
951
+ dataVal: "#ffffff",
952
+ legendName: "#afb2ba",
953
+ legendVal: "#ffffff"
954
954
  },
955
955
  dashboardFilter: {
956
- background: '#15212f',
957
- themeColor: '#60BEF8'
956
+ background: "#15212f",
957
+ themeColor: "#60BEF8"
958
958
  },
959
959
  tabContent: {
960
- searchListItem: '#fff',
961
- searchListMainIcon: '#fff',
962
- searchListMainIconBackground: '#60BEF8',
963
- searchListItemSelected: '#60BEF8',
964
- searchListMainIconSelected: '#60BEF8',
965
- searchListMainIconBackgroundSelected: '#fff',
966
- activeColor: '#60BEF8',
967
- activeColorSelected: '#fff'
960
+ searchListItem: "#fff",
961
+ searchListMainIcon: "#fff",
962
+ searchListMainIconBackground: "#60BEF8",
963
+ searchListItemSelected: "#60BEF8",
964
+ searchListMainIconSelected: "#60BEF8",
965
+ searchListMainIconBackgroundSelected: "#fff",
966
+ activeColor: "#60BEF8",
967
+ activeColorSelected: "#fff"
968
968
  },
969
969
  mainHeader: {
970
- background: '#15212f',
971
- themeColor: '#60BEF8',
972
- rgbthemeColor: '#60BEF8',
973
- searchModalBackground: '#121d29',
974
- lightThemeColor: '#60BEF8'
970
+ background: "#15212f",
971
+ themeColor: "#60BEF8",
972
+ rgbthemeColor: "#60BEF8",
973
+ searchModalBackground: "#121d29",
974
+ lightThemeColor: "#60BEF8"
975
975
  },
976
976
  tabContentIngest: {
977
- searchListItem: '#fff',
978
- searchListMainIcon: '#fff',
979
- searchListMainIconBackground: '#60BEF8',
980
- searchListItemSelected: '#60BEF8',
981
- searchListMainIconSelected: '#60BEF8',
982
- searchListMainIconBackgroundSelected: '#fff',
983
- activeColor: '#60BEF8',
984
- activeColorSelected: '#fff'
977
+ searchListItem: "#fff",
978
+ searchListMainIcon: "#fff",
979
+ searchListMainIconBackground: "#60BEF8",
980
+ searchListItemSelected: "#60BEF8",
981
+ searchListMainIconSelected: "#60BEF8",
982
+ searchListMainIconBackgroundSelected: "#fff",
983
+ activeColor: "#60BEF8",
984
+ activeColorSelected: "#fff"
985
985
  },
986
986
  tabContentManageAccess: {
987
- searchListItem: '#fff',
988
- searchListMainIcon: '#fff',
989
- searchListMainIconBackground: '#60BEF8',
990
- searchListItemSelected: '#60BEF8',
991
- searchListItemSelectedBorder: '#2e666a',
992
- searchListMainIconSelected: '#60BEF8',
993
- searchListMainIconBackgroundSelected: '#fff',
994
- activeColor: '#60BEF8',
995
- activeColorSelected: '#fff'
987
+ searchListItem: "#fff",
988
+ searchListMainIcon: "#fff",
989
+ searchListMainIconBackground: "#60BEF8",
990
+ searchListItemSelected: "#60BEF8",
991
+ searchListItemSelectedBorder: "#2e666a",
992
+ searchListMainIconSelected: "#60BEF8",
993
+ searchListMainIconBackgroundSelected: "#fff",
994
+ activeColor: "#60BEF8",
995
+ activeColorSelected: "#fff"
996
996
  },
997
997
  qcReport: {
998
- background: '#15212f',
999
- themeColor: '#60BEF8'
998
+ background: "#15212f",
999
+ themeColor: "#60BEF8"
1000
1000
  },
1001
1001
  loader: {
1002
- background: '#15212f',
1003
- themeColor: '#60BEF8',
1004
- lightThemeColor: '#60BEF8'
1002
+ background: "#15212f",
1003
+ themeColor: "#60BEF8",
1004
+ lightThemeColor: "#60BEF8"
1005
1005
  },
1006
1006
  filter: {
1007
- rgbthemeColor: '#60BEF8',
1008
- lightthemeColor: '#60BEF8',
1009
- themeColor: '#60BEF8'
1007
+ rgbthemeColor: "#60BEF8",
1008
+ lightthemeColor: "#60BEF8",
1009
+ themeColor: "#60BEF8"
1010
1010
  },
1011
1011
  inputLabel: {
1012
- color: '#999999',
1013
- colorOnFocus: '#999999'
1012
+ color: "#999999",
1013
+ colorOnFocus: "#999999"
1014
1014
  },
1015
1015
  inputCommon: {
1016
- color: '#fff',
1017
- colorDisabled: '#9c9b9b',
1018
- border: '#999999',
1019
- borderHover: '#999999',
1020
- borderDisabled: '#a5a5a5',
1021
- background: 'transparent'
1016
+ color: "#fff",
1017
+ colorDisabled: "#9c9b9b",
1018
+ border: "#999999",
1019
+ borderHover: "#999999",
1020
+ borderDisabled: "#a5a5a5",
1021
+ background: "transparent"
1022
1022
  },
1023
1023
  inputError: {
1024
- border: '#ff6c56',
1025
- borderHover: '#d23636',
1026
- color: '#ff6c56'
1024
+ border: "#ff6c56",
1025
+ borderHover: "#d23636",
1026
+ color: "#ff6c56"
1027
1027
  },
1028
1028
  customSelect: {
1029
1029
  chipSelectionBox: {
1030
- border: '#999999',
1031
- borderHover: '#f9f9f9'
1030
+ border: "#999999",
1031
+ borderHover: "#f9f9f9"
1032
1032
  },
1033
1033
  dropDownOptions: {
1034
- background: '#121d29',
1035
- border: '#999999',
1036
- iconColor: '#afb2ba',
1037
- color: '#cccccc',
1038
- selectableColor: '#cccccc',
1039
- selectableHoverBackground: '#60BEF8',
1040
- selectableHoverColor: '#212121',
1041
- selectedBackground: '#60BEF8',
1042
- selectedColor: '#fff',
1043
- disabledBackground: '#585858',
1044
- disabledColor: '#8c8c8c',
1045
- selectedDisabledBackground: '#bbe6db',
1046
- selectedDisabledColor: '#a0a0a0'
1034
+ background: "#121d29",
1035
+ border: "#999999",
1036
+ iconColor: "#afb2ba",
1037
+ color: "#cccccc",
1038
+ selectableColor: "#cccccc",
1039
+ selectableHoverBackground: "#60BEF8",
1040
+ selectableHoverColor: "#212121",
1041
+ selectedBackground: "#60BEF8",
1042
+ selectedColor: "#fff",
1043
+ disabledBackground: "#585858",
1044
+ disabledColor: "#8c8c8c",
1045
+ selectedDisabledBackground: "#bbe6db",
1046
+ selectedDisabledColor: "#a0a0a0"
1047
1047
  },
1048
1048
  searchInput: {}
1049
1049
  },
1050
1050
  pageHeader: {
1051
- background: '#111c28',
1052
- heading: '#ffffff',
1053
- subHeading: '#aaaaaa'
1051
+ background: "#111c28",
1052
+ heading: "#ffffff",
1053
+ subHeading: "#aaaaaa"
1054
1054
  },
1055
1055
  graph: {
1056
- borderColor: '#60BEF8',
1057
- inProgress: '#FFA751',
1058
- rejected: '#FFA751',
1059
- completed: '#60BEF8',
1060
- pending: '#FFFFFF',
1061
- failed: '#EF5350',
1056
+ borderColor: "#60BEF8",
1057
+ inProgress: "#FFA751",
1058
+ rejected: "#FFA751",
1059
+ completed: "#60BEF8",
1060
+ pending: "#FFFFFF",
1061
+ failed: "#EF5350",
1062
1062
  gradient: {
1063
1063
  completed: {
1064
- from: '#00c8e7',
1065
- to: '#00e6b9'
1064
+ from: "#00c8e7",
1065
+ to: "#00e6b9"
1066
1066
  },
1067
1067
  rejected: {
1068
- from: '#ff8d29',
1069
- to: '#f6462c'
1068
+ from: "#ff8d29",
1069
+ to: "#f6462c"
1070
1070
  },
1071
1071
  inProgress: {
1072
- from: '#ff8d29',
1073
- to: '#f6462c'
1072
+ from: "#ff8d29",
1073
+ to: "#f6462c"
1074
1074
  }
1075
1075
  }
1076
1076
  },
1077
1077
  button: {
1078
1078
  "default": {
1079
- background: '#F1F1F1',
1080
- backgroundHover: '#60BEF8',
1081
- backgroundFocus: '#60BEF8',
1082
- backgroundActive: '#60BEF8',
1083
- text: '#333',
1084
- icon: '#333',
1085
- border: '#F1F1F1',
1086
- borderHover: '#60BEF8',
1087
- borderFocus: '#60BEF8',
1088
- borderActive: '#60BEF8',
1089
- textHover: '#0C141D',
1090
- iconHover: '#FFF',
1091
- boxShadow: 'rgba(0, 206, 198, 0.3)'
1079
+ background: "#F1F1F1",
1080
+ backgroundHover: "#60BEF8",
1081
+ backgroundFocus: "#60BEF8",
1082
+ backgroundActive: "#60BEF8",
1083
+ text: "#333",
1084
+ icon: "#333",
1085
+ border: "#F1F1F1",
1086
+ borderHover: "#60BEF8",
1087
+ borderFocus: "#60BEF8",
1088
+ borderActive: "#60BEF8",
1089
+ textHover: "#0C141D",
1090
+ iconHover: "#FFF",
1091
+ boxShadow: "rgba(0, 206, 198, 0.3)"
1092
1092
  },
1093
1093
  primary: {
1094
- background: '#60BEF8',
1095
- backgroundHover: '#60BEF8',
1096
- backgroundFocus: '#60BEF8',
1097
- backgroundActive: '#60BEF8',
1098
- text: '#0C141D',
1099
- icon: '#FAFAFA',
1100
- border: '#60BEF8',
1101
- borderHover: '#60BEF8',
1102
- borderFocus: '#60BEF8',
1103
- borderActive: '#60BEF8',
1104
- boxShadow: 'rgba(0, 206, 198, 0.3)'
1094
+ background: "#60BEF8",
1095
+ backgroundHover: "#60BEF8",
1096
+ backgroundFocus: "#60BEF8",
1097
+ backgroundActive: "#60BEF8",
1098
+ text: "#0C141D",
1099
+ icon: "#FAFAFA",
1100
+ border: "#60BEF8",
1101
+ borderHover: "#60BEF8",
1102
+ borderFocus: "#60BEF8",
1103
+ borderActive: "#60BEF8",
1104
+ boxShadow: "rgba(0, 206, 198, 0.3)"
1105
1105
  },
1106
1106
  cta: {
1107
- background: '#60BEF8',
1108
- backgroundHover: '#60BEF8',
1109
- backgroundFocus: '#60BEF8',
1110
- backgroundActive: '#60BEF8',
1111
- text: '#0C141D',
1112
- icon: '#FAFAFA',
1113
- border: '#60BEF8',
1114
- borderHover: '#60BEF8',
1115
- borderFocus: '#60BEF8',
1116
- borderActive: '#60BEF8',
1117
- boxShadow: 'rgba(0, 206, 198, 0.3)'
1107
+ background: "#60BEF8",
1108
+ backgroundHover: "#60BEF8",
1109
+ backgroundFocus: "#60BEF8",
1110
+ backgroundActive: "#60BEF8",
1111
+ text: "#0C141D",
1112
+ icon: "#FAFAFA",
1113
+ border: "#60BEF8",
1114
+ borderHover: "#60BEF8",
1115
+ borderFocus: "#60BEF8",
1116
+ borderActive: "#60BEF8",
1117
+ boxShadow: "rgba(0, 206, 198, 0.3)"
1118
1118
  },
1119
1119
  bordered: {
1120
- background: 'transparent',
1121
- backgroundHover: '#60BEF8',
1122
- backgroundFocus: '#60BEF8',
1123
- backgroundActive: '#60BEF8',
1124
- text: '#60BEF8',
1125
- icon: '#60BEF8',
1126
- border: '#60BEF8',
1127
- borderHover: '#60BEF8',
1128
- borderFocus: '#60BEF8',
1129
- borderActive: '#60BEF8',
1130
- textHover: '#0C141D',
1131
- iconHover: '#FFF',
1132
- boxShadow: 'rgba(0, 206, 198, 0.3)'
1120
+ background: "transparent",
1121
+ backgroundHover: "#60BEF8",
1122
+ backgroundFocus: "#60BEF8",
1123
+ backgroundActive: "#60BEF8",
1124
+ text: "#60BEF8",
1125
+ icon: "#60BEF8",
1126
+ border: "#60BEF8",
1127
+ borderHover: "#60BEF8",
1128
+ borderFocus: "#60BEF8",
1129
+ borderActive: "#60BEF8",
1130
+ textHover: "#0C141D",
1131
+ iconHover: "#FFF",
1132
+ boxShadow: "rgba(0, 206, 198, 0.3)"
1133
1133
  },
1134
1134
  linked: {
1135
- background: 'transparent',
1136
- backgroundHover: '#transparent',
1137
- backgroundFocus: '#transparent',
1138
- backgroundActive: '#transparent',
1139
- text: '#333',
1140
- icon: '#333',
1141
- border: '#transparent',
1142
- borderHover: '#transparent',
1143
- borderFocus: '#transparent',
1144
- borderActive: '#transparent',
1145
- textHover: '#333',
1146
- iconHover: '#333',
1147
- boxShadow: 'rgba(0, 206, 198, 0.3)'
1135
+ background: "transparent",
1136
+ backgroundHover: "#transparent",
1137
+ backgroundFocus: "#transparent",
1138
+ backgroundActive: "#transparent",
1139
+ text: "#333",
1140
+ icon: "#333",
1141
+ border: "#transparent",
1142
+ borderHover: "#transparent",
1143
+ borderFocus: "#transparent",
1144
+ borderActive: "#transparent",
1145
+ textHover: "#333",
1146
+ iconHover: "#333",
1147
+ boxShadow: "rgba(0, 206, 198, 0.3)"
1148
1148
  }
1149
1149
  },
1150
1150
  input: (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
1151
- background: '#FFF',
1152
- backgroundReadOnly: '#FFF',
1153
- border: '#D9D9D9',
1154
- borderHover: '#B7B7B7',
1155
- borderFocus: '#0a84ae',
1156
- borderError: '#e25f5f',
1157
- errorColor: '#e25f5f',
1158
- icon: '#A2A2A2',
1159
- text: '#333333'
1160
- }, "icon", '#A2A2A2'), "textReadOnly", '#ccc'), "placeholder", '#B2B2B2'), "placeholderDisabled", '#C1C1C1'), "placeholderReadOnly", '#333'), "labelColor", '#999999'), "labelColorFocus", '#60BEF8'), "labelColorDisabled", '#C6C6C6'),
1151
+ background: "#FFF",
1152
+ backgroundReadOnly: "#FFF",
1153
+ border: "#D9D9D9",
1154
+ borderHover: "#B7B7B7",
1155
+ borderFocus: "#0a84ae",
1156
+ borderError: "#e25f5f",
1157
+ errorColor: "#e25f5f",
1158
+ icon: "#A2A2A2",
1159
+ text: "#333333"
1160
+ }, "icon", "#A2A2A2"), "textReadOnly", "#ccc"), "placeholder", "#B2B2B2"), "placeholderDisabled", "#C1C1C1"), "placeholderReadOnly", "#333"), "labelColor", "#999999"), "labelColorFocus", "#60BEF8"), "labelColorDisabled", "#C6C6C6"),
1161
1161
  radio: {
1162
- background: '#121d29',
1163
- border: '#dddddd',
1164
- backgroundSelected: '#60BEF8',
1165
- borderSelected: '#60BEF8',
1166
- backgroundDisabled: '#F6F6F6',
1167
- borderDisabled: '#CCC',
1168
- shadow: 'rgba(0,0,0,0.0)',
1169
- shadowDisabled: 'rgba(0,0,0,0.0)',
1170
- selectedText: '#0C141D',
1171
- color: '#cccccc'
1162
+ background: "#121d29",
1163
+ border: "#dddddd",
1164
+ backgroundSelected: "#60BEF8",
1165
+ borderSelected: "#60BEF8",
1166
+ backgroundDisabled: "#F6F6F6",
1167
+ borderDisabled: "#5D636B",
1168
+ shadow: "rgba(0,0,0,0.0)",
1169
+ shadowDisabled: "rgba(0,0,0,0.0)",
1170
+ selectedText: "#0C141D",
1171
+ color: "#cccccc"
1172
1172
  },
1173
1173
  table: {
1174
- otherThemeShade: '#60BEF8',
1175
- lightthemeColor: '#60BEF8',
1176
- background: '#121d29',
1177
- thColor: '#ffffff',
1178
- tdColor: '#dddddd',
1179
- innerTdColor: '#dddddd',
1180
- titleColor: '#ffffff',
1181
- innerTableBackground: '#111c28',
1182
- border: '#3a4450',
1183
- evenRowBackground: '#172636',
1184
- rowSelectedBackground: '#122f39',
1185
- titleBackgroundColor: '#60BEF8',
1186
- titleBorderTop: '#60BEF8',
1187
- titleActiveBackgroundColor: '#60BEF8',
1188
- titleActiveBorderColor: '#60BEF8',
1189
- titleBeforeBorderBottom: '#60BEF8',
1190
- titleCheckedBackgroundColor: '#60BEF8',
1191
- titleCheckedHoverBackgroundColor: '#60BEF8',
1192
- RowHoverColor: '#60BEF8',
1193
- CellHoverFocusColor: '#60BEF8',
1194
- CellHoverColor: '#60BEF8',
1195
- CellHoverFillColor: '#60BEF8',
1196
- CellMoreActionBackgroundColor: '#60BEF8',
1197
- CellBeforeBorderBottom: '#60BEF8',
1198
- CellNestedTableBorderLeft: '#60BEF8',
1199
- ApprovedBackground: '#60BEF8',
1200
- addRowThemeColor: '#60BEF8'
1174
+ otherThemeShade: "#60BEF8",
1175
+ lightthemeColor: "#60BEF8",
1176
+ background: "#121d29",
1177
+ thColor: "#ffffff",
1178
+ tdColor: "#dddddd",
1179
+ innerTdColor: "#dddddd",
1180
+ titleColor: "#ffffff",
1181
+ innerTableBackground: "#111c28",
1182
+ border: "#3a4450",
1183
+ evenRowBackground: "#172636",
1184
+ rowSelectedBackground: "#122f39",
1185
+ titleBackgroundColor: "#60BEF8",
1186
+ titleBorderTop: "#60BEF8",
1187
+ titleActiveBackgroundColor: "#60BEF8",
1188
+ titleActiveBorderColor: "#60BEF8",
1189
+ titleBeforeBorderBottom: "#60BEF8",
1190
+ titleCheckedBackgroundColor: "#60BEF8",
1191
+ titleCheckedHoverBackgroundColor: "#60BEF8",
1192
+ RowHoverColor: "#60BEF8",
1193
+ CellHoverFocusColor: "#60BEF8",
1194
+ CellHoverColor: "#60BEF8",
1195
+ CellHoverFillColor: "#60BEF8",
1196
+ CellMoreActionBackgroundColor: "#60BEF8",
1197
+ CellBeforeBorderBottom: "#60BEF8",
1198
+ CellNestedTableBorderLeft: "#60BEF8",
1199
+ ApprovedBackground: "#60BEF8",
1200
+ addRowThemeColor: "#60BEF8"
1201
1201
  },
1202
1202
  graphCard: {
1203
- cardHeader: '#cccccc',
1204
- dataText: '#aaaaaa',
1205
- dataType: '#cccccc',
1206
- dataVal: '#ffffff',
1207
- legendName: '#afb2ba',
1208
- legendVal: '#ffffff'
1203
+ cardHeader: "#cccccc",
1204
+ dataText: "#aaaaaa",
1205
+ dataType: "#cccccc",
1206
+ dataVal: "#ffffff",
1207
+ legendName: "#afb2ba",
1208
+ legendVal: "#ffffff"
1209
1209
  },
1210
1210
  datepicker: {
1211
- calenderBorder: 'none',
1212
- monthHeaderBorder: '#3a4450',
1213
- monthHeaderTitleColor: '#cccccc',
1214
- monthChangeIconBackground: '#60BEF8',
1215
- monthChangeIconBackgroundHover: '#303f51',
1216
- dayNameColor: '#cccccc',
1217
- background: '#162332',
1218
- dayDefaultColor: '#fff',
1219
- dayDefaultColorHover: '#3e3e3e',
1220
- dayDisabledColor: '#525252',
1221
- dayOtherMonthDisabledColor: '#525252',
1222
- dayOtherMonthColor: '#a5a4a4',
1223
- daySelectedColor: '#fff',
1224
- dayTodayBackground: 'linear-gradient(to right, #00c8e7, #00e6b9)',
1225
- dayTodayBorder: '#3a4450',
1226
- dayDefaultBackground: 'transparent',
1227
- dayDefaultBackgroundHover: '#EAEAEA',
1228
- daySelectedBackground: '#60BEF8',
1229
- daySelectedDisabledBackground: '#acefea',
1230
- nextPrevIconStroke: '#AFB2BA',
1231
- selectedColor: '#fff',
1232
- monthTextColor: '#fff',
1233
- prevNextButton: '#303F51'
1211
+ calenderBorder: "none",
1212
+ monthHeaderBorder: "#3a4450",
1213
+ monthHeaderTitleColor: "#cccccc",
1214
+ monthChangeIconBackground: "#60BEF8",
1215
+ monthChangeIconBackgroundHover: "#303f51",
1216
+ dayNameColor: "#cccccc",
1217
+ background: "#162332",
1218
+ dayDefaultColor: "#fff",
1219
+ dayDefaultColorHover: "#3e3e3e",
1220
+ dayDisabledColor: "#525252",
1221
+ dayOtherMonthDisabledColor: "#525252",
1222
+ dayOtherMonthColor: "#a5a4a4",
1223
+ daySelectedColor: "#fff",
1224
+ dayTodayBackground: "linear-gradient(to right, #00c8e7, #00e6b9)",
1225
+ dayTodayBorder: "#3a4450",
1226
+ dayDefaultBackground: "transparent",
1227
+ dayDefaultBackgroundHover: "#EAEAEA",
1228
+ daySelectedBackground: "#60BEF8",
1229
+ daySelectedDisabledBackground: "#acefea",
1230
+ nextPrevIconStroke: "#AFB2BA",
1231
+ selectedColor: "#fff",
1232
+ monthTextColor: "#fff",
1233
+ prevNextButton: "#303F51"
1234
1234
  },
1235
1235
  videoCard: {
1236
- themeColor: '#60BEF8',
1237
- background: '#121d29',
1238
- titleColor: '#fff',
1239
- titleColorHover: '#60BEF8',
1240
- subTitleColor: '#cccccc',
1241
- extraDetailsColor: '#aaaaaa',
1236
+ themeColor: "#60BEF8",
1237
+ background: "#121d29",
1238
+ titleColor: "#fff",
1239
+ titleColorHover: "#60BEF8",
1240
+ subTitleColor: "#cccccc",
1241
+ extraDetailsColor: "#aaaaaa",
1242
1242
  gradient: {
1243
- grad1: 'linear-gradient(to bottom, #6b9fff, #46c3bb)',
1244
- grad2: 'linear-gradient(to bottom, #edbe55, #ff8185)',
1245
- grad3: 'linear-gradient(to bottom, #fc796b, #fc5aa9)',
1246
- grad4: 'linear-gradient(to bottom, #3cc978, #31a0ef)',
1247
- grad5: 'linear-gradient(to bottom, #3ab5ff, #ae7cf0)',
1248
- grad6: 'linear-gradient(to bottom, #6b9fff, #46c3bb)',
1249
- grad7: 'linear-gradient(to bottom, #edbe55, #ff8185)',
1250
- grad8: 'linear-gradient(to bottom, #fc796b, #fc5aa9)',
1251
- grad9: 'linear-gradient(to bottom, #3cc978, #31a0ef)',
1252
- grad0: 'linear-gradient(to bottom, #3ab5ff, #ae7cf0)'
1243
+ grad1: "linear-gradient(to bottom, #6b9fff, #46c3bb)",
1244
+ grad2: "linear-gradient(to bottom, #edbe55, #ff8185)",
1245
+ grad3: "linear-gradient(to bottom, #fc796b, #fc5aa9)",
1246
+ grad4: "linear-gradient(to bottom, #3cc978, #31a0ef)",
1247
+ grad5: "linear-gradient(to bottom, #3ab5ff, #ae7cf0)",
1248
+ grad6: "linear-gradient(to bottom, #6b9fff, #46c3bb)",
1249
+ grad7: "linear-gradient(to bottom, #edbe55, #ff8185)",
1250
+ grad8: "linear-gradient(to bottom, #fc796b, #fc5aa9)",
1251
+ grad9: "linear-gradient(to bottom, #3cc978, #31a0ef)",
1252
+ grad0: "linear-gradient(to bottom, #3ab5ff, #ae7cf0)"
1253
1253
  }
1254
1254
  },
1255
1255
  pagination: {
1256
- color: '#fff',
1257
- pageButtonColor: '#cccccc',
1258
- pageButton: '#121d29',
1259
- commonColor: '#60BEF8'
1256
+ color: "#fff",
1257
+ pageButtonColor: "#cccccc",
1258
+ pageButton: "#121d29",
1259
+ commonColor: "#60BEF8"
1260
1260
  },
1261
1261
  tabs: {
1262
- lightthemeColor: '#60BEF8',
1263
- navsBackground: '#304153',
1264
- navsDefaultColor: '#cccccc',
1265
- navsSelectColor: '#60BEF8',
1266
- navsDefaultBorder: '#4e5c6c',
1267
- navsSelectedBorder: '#60BEF8',
1268
- contentBackground: '#121d29',
1269
- OptionListBorder: '#60BEF8'
1262
+ lightthemeColor: "#60BEF8",
1263
+ navsBackground: "#304153",
1264
+ navsDefaultColor: "#cccccc",
1265
+ navsSelectColor: "#60BEF8",
1266
+ navsDefaultBorder: "#4e5c6c",
1267
+ navsSelectedBorder: "#60BEF8",
1268
+ contentBackground: "#121d29",
1269
+ OptionListBorder: "#60BEF8"
1270
1270
  },
1271
1271
  "switch": {
1272
- background: '#121d29',
1273
- border: '#999999',
1274
- circleBackground: 'transparent',
1275
- circleBorder: '#999999',
1276
- label: '#999999',
1277
- checkedBorder: '#60BEF8',
1278
- checkedCircleBackground: '#60BEF8',
1279
- checkedCircleBorder: '#60BEF8',
1280
- checkedLabel: '#60BEF8',
1281
- backgroundDisabled: '#3e3e3e',
1282
- borderDisabled: '#929292',
1283
- checkedBorderDisabled: '#73bdbb'
1272
+ background: "#121d29",
1273
+ border: "#999999",
1274
+ circleBackground: "transparent",
1275
+ circleBorder: "#999999",
1276
+ label: "#999999",
1277
+ checkedBorder: "#60BEF8",
1278
+ checkedCircleBackground: "#60BEF8",
1279
+ checkedCircleBorder: "#60BEF8",
1280
+ checkedLabel: "#60BEF8",
1281
+ backgroundDisabled: "#3e3e3e",
1282
+ borderDisabled: "#929292",
1283
+ checkedBorderDisabled: "#73bdbb"
1284
1284
  },
1285
1285
  videoPlayer: {
1286
- borderColor: '#60BEF8',
1287
- rgbaThemeColor: 'rgba(96, 190, 248, 0.1)',
1288
- themeColor: '#60BEF8'
1286
+ borderColor: "#60BEF8",
1287
+ rgbaThemeColor: "rgba(96, 190, 248, 0.1)",
1288
+ themeColor: "#60BEF8"
1289
1289
  },
1290
1290
  adminPanelTab: {
1291
- searchListItem: '#fff',
1292
- searchListMainIcon: '#fff',
1293
- searchListMainIconBackground: '#60BEF8',
1294
- searchListItemSelected: '#60BEF8',
1295
- searchListItemSelectedBorder: '#2e666a',
1296
- searchListMainIconSelected: '#60BEF8',
1297
- searchListMainIconBackgroundSelected: '#fff',
1298
- activeColor: '#60BEF8',
1299
- activeColorSelected: '#fff'
1291
+ searchListItem: "#fff",
1292
+ searchListMainIcon: "#fff",
1293
+ searchListMainIconBackground: "#60BEF8",
1294
+ searchListItemSelected: "#60BEF8",
1295
+ searchListItemSelectedBorder: "#2e666a",
1296
+ searchListMainIconSelected: "#60BEF8",
1297
+ searchListMainIconBackgroundSelected: "#fff",
1298
+ activeColor: "#60BEF8",
1299
+ activeColorSelected: "#fff"
1300
1300
  }
1301
1301
  }
1302
1302
  };