@desynova-digital/tokens 8.19.62 → 9.0.0

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