-
Notifications
You must be signed in to change notification settings - Fork 297
/
light-blue.js
705 lines (701 loc) · 33.5 KB
/
light-blue.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
// @flow
import chroma from 'chroma-js';
import { createTheme } from '../utils/createTheme';
import type { CreateThemeParams } from '../types';
// ==== react-polymorph: theme config === //
const rpLightBlueTheme = {
rpAutocomplete: {
'--rp-autocomplete-bg-color': '#fafbfc',
'--rp-autocomplete-border': '1px solid #c6cdd6',
'--rp-autocomplete-border-color-opened': '#5e6066',
'--rp-autocomplete-input-text-color': '#5e6066',
'--rp-autocomplete-placeholder-color': 'rgba(94, 96, 102, 0.5)',
'--rp-autocomplete-selected-word-box-bg-color': 'rgba(68, 91, 124, 0.5)',
'--rp-autocomplete-selected-word-text-color': '#fafbfc',
'--rp-autocomplete-selected-words-font-family':
'NotoSans-Regular, NotoSansCJKjp-Regular',
},
rpBubble: {
'--rp-bubble-bg-color': '#fafbfc',
'--rp-bubble-border-color': '#c6cdd6',
'--rp-bubble-border-radius': '2px',
},
rpButton: {
'--rp-button-bg-color': '#243e62',
'--rp-button-bg-color-active': '#1e304a',
'--rp-button-bg-color-disabled': 'rgba(36, 62, 98, 0.3)',
'--rp-button-bg-color-hover': '#2f496e',
'--rp-button-font-family': 'NotoSans-Medium, NotoSansCJKjp-Medium',
'--rp-button-height': '50px',
'--rp-button-line-height': '20px',
'--rp-button-padding': '0',
'--rp-button-text-color': '#fafbfc',
'--rp-button-text-color-disabled': '#fafbfc',
'--rp-button-text-transform': 'none',
'--rp-button-width': '360px',
},
rpCheckbox: {
'--rp-checkbox-border': '1px solid #2f496e',
'--rp-checkbox-border-color-disabled': 'rgba(47, 73, 110, 0.2)',
'--rp-checkbox-check-bg-color': '#2f496e',
'--rp-checkbox-label-text-color': '#5e6066',
'--rp-checkbox-label-text-color-disabled': 'rgba(94, 96, 102, 0.3)',
},
rpColors: {
'--rp-theme-color-error': '#ea4c5b',
},
rpFonts: {
'--rp-theme-font-thin': 'NotoSans-Thin, NotoSansCJKjp-Thin',
'--rp-theme-font-light': 'NotoSans-Light, NotoSansCJKjp-Light',
'--rp-theme-font-medium': 'NotoSans-Medium, NotoSansCJKjp-Medium',
'--rp-theme-font-regular': 'NotoSans-Regular, NotoSansCJKjp-Regular',
'--rp-theme-font-bold': 'NotoSans-Bold, NotoSansCJKjp-Bold',
},
rpFormfield: {
'--rp-formfield-bg-color-disabled': 'none',
'--rp-formfield-label-text-color': '#5e6066',
'--rp-formfield-label-text-color-disabled': '#5e6066',
'--rp-formfield-error-text-color': '#ea4c5b',
'--rp-formfield-error-text-opacity': '0.75',
},
rpInput: {
'--rp-input-bg-color': '#fafbfc',
'--rp-input-bg-color-disabled': 'rgba(94, 96, 102, 0.05)',
'--rp-input-border-color': '#c6cdd6',
'--rp-input-border-color-disabled': 'rgba(94, 96, 102, 0.05)',
'--rp-input-border-color-errored': '#ea4c5b',
'--rp-input-border-color-focus': '#5e6066',
'--rp-input-line-height': '22px',
'--rp-input-padding': '12px 20px',
'--rp-input-placeholder-color': 'rgba(94, 96, 102, 0.5)',
'--rp-input-placeholder-color-disabled': 'rgba(94, 96, 102, 0.5)',
'--rp-input-text-color': '#5e6066',
'--rp-input-text-color-disabled': 'rgba(94, 96, 102, 0.5)',
},
rpModal: {
'--rp-modal-bg-color': '#fafbfc',
'--rp-modal-max-height': '90%',
'--rp-modal-overlay-bg-color': 'rgba(0, 0, 0, 0.4)',
},
rpOptions: {
'--rp-option-bg-color': '#fafbfc',
'--rp-option-bg-color-highlighted': '#edf0f3',
'--rp-option-border-color': '#c6cdd6',
'--rp-option-checkmark-color': '#5e6066',
'--rp-option-line-height': '22px',
'--rp-option-text-color': '#5e6066',
'--rp-options-border-color': '#c6cdd6',
'--rp-options-shadow': 'none',
},
rpSelect: {
'--rp-select-arrow-bg-color': '#c6cdd6',
'--rp-select-arrow-bg-color-open': '#5e6066',
'--rp-select-input-bg-color': '#fafbfc',
'--rp-select-input-border-color': '#c6cdd6',
'--rp-select-input-border-color-focus': '#5e6066',
'--rp-select-input-text-color': '#5e6066',
},
rpStepper: {
'--rp-stepper-bullet-background-color-disabled': '#fafbfc',
'--rp-stepper-bullet-border-color': 'rgba(68, 91, 124, 0.1)',
'--rpstepper-bullet-height': '12px',
'--rpstepper-bullet-width': '12px',
'--rp-stepper-label-color': 'rgba(94, 96, 102, 1)',
'--rp-stepper-label-color-light': 'rgba(94, 96, 102, 0.3)',
'--rp-stepper-main-color': 'rgba(68, 91, 124, 1)',
'--rp-stepper-main-color-light': 'rgba(68, 91, 124, 0.1)',
'--rpstepper-stepper-step-label-bottom-margin': '6px',
'--rpstepper-steps-bar-color-disabled': 'rgba(68, 91, 124, 0.1)',
'--rpstepper-steps-bar-top-position': '6px',
},
rpSwitch: {
'--rp-switch-bg-color-off': '#2f496e',
'--rp-switch-bg-color-on': '#2f496e',
'--rp-switch-label-margin': '0 30px 0 0',
'--rp-switch-label-opacity': '0.5',
'--rp-switch-label-text-color': '#5e6066',
'--rp-switch-label-width': '100%',
'--rp-switch-opacity-off': '0.3',
'--rp-switch-root-margin': '0 0 30px 0',
'--rp-switch-thumb-bg-color': '#fff',
},
rpTextArea: {
'--rp-textarea-bg-color': '#fafbfc',
'--rp-textarea-bg-color-disabled': 'rgba(94, 96, 102, 0.05)',
'--rp-textarea-border': '1px solid #c6cdd6',
'--rp-textarea-border-color-disabled': 'rgba(94, 96, 102, 0.05)',
'--rp-textarea-border-color-errored': '#ea4c5b',
'--rp-textarea-border-color-focus': '#5e6066',
'--rp-textarea-border-radius': '2px',
'--rp-textarea-line-height': '20px',
'--rp-textarea-placeholder-color': 'rgba(94, 96, 102, 0.5)',
'--rp-textarea-resize': 'none',
'--rp-textarea-text-color': '#5e6066',
},
};
// ==== Light Blue Theme for Daedalus Components === //
export const LIGHT_BLUE_THEME_CONFIG = {
...rpLightBlueTheme,
aboutWindow: {
'--theme-about-window-background-color': 'rgba(36, 62, 98, 0.96)',
'--theme-about-window-header-bottom-border-color':
'rgba(233, 244, 254, 0.3)',
'--theme-about-window-daedalus-icon-color': '#e9f4fe',
'--theme-about-window-cardano-icon-color': '#e9f4fe',
'--theme-about-window-title-varsion-color': '#e9f4fe',
'--theme-about-window-title-stroke-color': '#e9f4fe',
'--theme-about-window-content-color': '#fafbfc',
'--theme-about-window-content-text-color': 'rgba(250, 251, 252, 0.7)',
'--theme-about-window-content-bottom-border-color':
'rgba(233, 244, 254, 0.3)',
'--theme-about-window-icon-close-button-color': '#fff',
'--theme-about-window-icon-close-hover-background': 'rgba(0, 0, 0, 0.2)',
},
adaRedemption: {
'--theme-ada-redemption-headline-color': '#5e6066', // primary.text
'--theme-ada-redemption-instructions-color': '#5e6066', // primary.text
'--theme-ada-redemption-success-overlay-background-color':
'rgba(36, 61, 98, 0.88)', // config
'--theme-ada-redemption-success-overlay-border-color': '#fafbfc', // secondary.text
'--theme-ada-redemption-success-overlay-message-color': '#fafbfc', // secondary.text
'--theme-ada-redemption-success-overlay-button-text-color': '#fafbfc', // secondary.text
'--theme-ada-redemption-success-overlay-button-text-color-hover': '#243e62',
'--theme-ada-redemption-success-overlay-button-background-color-hover':
'#fafbfc',
'--theme-ada-redemption-disclaimer-background-color':
'rgba(171, 23, 0, 0.94)',
'--theme-ada-redemption-disclaimer-text-color': '#fafbfc',
'--theme-ada-redemption-disclaimer-checkbox-color-check': '#fafbfc',
'--theme-ada-redemption-disclaimer-checkbox-color-checked': '#fafbfc',
'--theme-ada-redemption-disclaimer-checkbox-color-after': '#ab1700',
'--theme-ada-redemption-disclaimer-checkbox-label-color': '#fafbfc',
'--theme-ada-redemption-no-wallets-instructions-color': '#5e6066',
},
blockConsolidation: {
'--theme-block-consolidation-background-color': 'rgba(36, 62, 98, 0.96)',
'--theme-block-consolidation-title-text-color': '#fafbfc',
'--theme-block-consolidation-text-color': 'rgba(250, 251, 252, 0.7)',
'--theme-block-consolidation-text-highlight-color': '#fafbfc',
'--theme-block-consolidation-epochs-text-color': '#243e62',
'--theme-block-consolidation-indicator-text-color': '#fafbfc',
'--theme-block-consolidation-indicator-container-background-color':
'rgba(0, 0, 0, 0.1)',
'--theme-block-consolidation-indicator-epochs-behind-background-color-1':
'#fafbfc',
'--theme-block-consolidation-indicator-epochs-behind-background-color-2':
'rgba(250, 251, 252, 0)',
'--theme-block-consolidation-stripe-dark-1-background-color':
'rgba(224, 229, 234, 0.3)',
'--theme-block-consolidation-stripe-dark-2-background-color':
'rgba(250, 251, 252, 0.3)',
'--theme-block-consolidation-stripe-light-1-background-color': '#e0e5ea',
'--theme-block-consolidation-stripe-light-2-background-color': '#fafbfc',
'--theme-block-consolidation-button-background-color': '#243e62',
'--theme-block-consolidation-button-background-color-hover': '#fafbfc',
'--theme-block-consolidation-button-icon-color': 'rgba(250, 251, 252, 0.7)',
'--theme-block-consolidation-button-icon-color-hover': '#243e62',
'--theme-block-consolidation-button-text-color-hover': '#243e62',
'--theme-block-consolidation-button-border-color': '#fafbfc',
},
body: {
'--theme-main-body-background-color': '#ebeff2',
'--theme-main-body-messages-color': '#5e6066',
},
borderedBox: {
'--theme-bordered-box-background-color': '#fafbfc',
'--theme-bordered-box-border': '1px solid #c6cdd6',
'--theme-bordered-box-text-color': '#5e6066',
},
button: {
'--theme-button-spinner-color': '#fafbfc',
'--theme-label-button-color': '#5e6066',
},
buttonAttention: {
'--theme-button-attention-background-color': '#ea4c5b',
'--theme-button-attention-background-color-hover': '#ec5d6b',
'--theme-button-attention-background-color-active': '#d34452',
'--theme-button-attention-background-color-disabled':
'rgba(234, 76, 91, 0.3)',
'--theme-button-attention-text-color-disabled': '#fafbfc',
'--theme-button-attention-text-color': '#fafbfc',
'--theme-button-attention-outline-color': '#ff707e',
},
buttonDisclaimer: {
'--theme-button-disclaimer-background-color': '#ab1700',
'--theme-button-disclaimer-background-color-hover': '#fafbfc',
'--theme-button-disclaimer-background-color-active': '#fafbfc',
'--theme-button-disclaimer-background-color-disabled':
'rgba(171, 23, 0, .3)',
'--theme-button-disclaimer-text-color-disabled': 'rgba(250, 251, 252, .3)',
'--theme-button-disclaimer-text-color': '#fafbfc',
'--theme-button-disclaimer-outline-color': 'rgba(250, 251, 252, .3)',
'--theme-button-disclaimer-border-color': '#fafbfc',
'--theme-button-disclaimer-border-color-disabled':
'rgba(250, 251, 252, .3)',
},
buttonFlat: {
'--theme-button-flat-background-color': '#f0f3f5',
'--theme-button-flat-background-color-hover': '#f3f5f7',
'--theme-button-flat-background-color-active': '#ebeef0',
'--theme-button-flat-background-color-disabled': 'rgba(240, 243, 245, 0.3)',
'--theme-button-flat-text-color-disabled': '#5e6066',
'--theme-button-flat-text-color': '#5e6066',
'--theme-button-flat-outline-color': '#e1e4e6',
},
buttonPrimary: {
'--theme-button-primary-background-color': '#243e62',
'--theme-button-primary-background-color-hover': '#2f496e',
'--theme-button-primary-background-color-active': '#1e304a',
'--theme-button-primary-background-color-disabled': 'rgba(36, 62, 98, 0.3)',
'--theme-button-primary-text-color-disabled': '#fafbfc',
'--theme-button-primary-text-color': '#fafbfc',
'--theme-button-primary-outline-color': '#4a7ec7',
},
connecting: {
'--theme-connecting-background-color': '#1c3e65',
'--theme-connecting-text-color': '#fff',
},
dataMigration: {
'--theme-data-migration-layer-background-color': '#243E62',
'--theme-data-migration-layer-box-shadow-color': 'rgba(0, 0, 0, 0.25)',
'--theme-data-migration-layer-button-background-color-hover': '#fafbfc',
'--theme-data-migration-layer-text-color': '#fafbfc',
'--theme-data-migration-layer-text-opacity-color':
'rgba(250, 251, 252, 0.5)',
},
delegationSetupWizard: {
'--theme-delegation-steps-activation-steps-indicator-color': '#5e6066',
'--theme-delegation-steps-activation-description-color':
'rgba(94, 96, 102, 0.8)',
'--theme-delegation-steps-activation-fees-label-color': '#5e6066',
'--theme-delegation-steps-activation-fees-amount-color': '#ea4c5b',
'--theme-delegation-steps-activation-address-value-color': '#5e6066',
'--theme-delegation-steps-choose-stake-pool-checkmark-icon-color':
'#c6cdd6',
'--theme-delegation-steps-choose-stake-pool-delegated-pools-label-color':
'rgba(94, 96, 102, 1)',
'--theme-delegation-steps-choose-stake-pool-slug-color': '#c6cdd6',
'--theme-delegation-steps-choose-stake-pool-select-box-placeholder-color':
'#c6cdd6',
'--theme-delegation-steps-choose-stake-pool-selected-checkmark-icon-color':
'#fafbfc',
'--theme-delegation-steps-choose-stake-pool-selected-slug-color': '#fafbfc',
'--theme-delegation-steps-choose-stake-pool-title-color':
'rgba(94, 96, 102, 0.8)',
'--theme-delegation-steps-choose-stake-pool-tooltip-arrow-color':
'rgba(94, 96, 102, 0.9)',
'--theme-delegation-steps-choose-stake-pool-tooltip-background-color':
'rgba(94, 96, 102, 0.9)',
'--theme-delegation-steps-choose-stake-pool-tooltip-box-shadow':
'0 5px 20px 0 rgba(0, 0, 0, 0.25)',
'--theme-delegation-steps-choose-stake-pool-tooltip-description-color':
'rgba(250, 251, 252, 1)',
'--theme-delegation-steps-choose-stake-pool-tooltip-slug-color':
'rgba(250, 251, 252, 0.6)',
'--theme-delegation-steps-choose-stake-pool-tooltip-table-label-color':
'rgba(250, 251, 252, 1)',
'--theme-delegation-steps-choose-stake-pool-tooltip-table-value-color':
'rgba(250, 251, 252, 1)',
'--theme-delegation-steps-choose-stake-pool-tooltip-title-color':
'rgba(250, 251, 252, 1)',
'--theme-delegation-steps-choose-stake-pool-tooltip-url-color': '#85b6f9',
'--theme-delegation-steps-choose-wallet-custom-value-color': '#5e6066',
'--theme-delegation-steps-choose-wallet-description-color':
'rgba(94, 96, 102, 0.8)',
'--theme-delegation-steps-choose-wallet-description-highlighted-color':
'#5e6066',
'--theme-delegation-steps-choose-wallet-error-message-color':
'rgba(234, 76, 91, 1)',
'--theme-delegation-steps-choose-wallet-error-message-light-color':
'rgba(234, 76, 91, 0.7)',
'--theme-delegation-steps-choose-wallet-error-select-options-color':
'#5e6066',
'--theme-delegation-steps-choose-wallet-steps-indicator-color': '#5e6066',
'--theme-delegation-steps-confirmation-description-color':
'rgba(94, 96, 102, 0.8)',
'--theme-delegation-steps-confirmation-fees-label-color': '#5e6066',
'--theme-delegation-steps-confirmation-fees-amount-color': '#ea4c5b',
'--theme-delegation-steps-confirmation-steps-indicator-color': '#5e6066',
'--theme-delegation-steps-intro-content-text-color':
'rgba(94, 96, 102, 0.8)',
'--theme-delegation-steps-intro-divider-border-color': '#dfe4e8',
'--theme-delegation-steps-intro-link-color': 'rgba(41, 111, 208, 1)',
'--theme-delegation-steps-intro-list-label-color': '#5e6066',
'--theme-delegation-steps-intro-list-numbers-color': '#5e6066',
'--theme-delegation-steps-intro-list-optional-label-color':
'rgba(94, 96, 102, 0.5)',
'--theme-delegation-steps-not-available-description-text-color':
'rgba(94, 96, 102, 0.8)',
'--theme-delegation-steps-not-available-description-highlight-text-color':
'#5e6066',
'--theme-delegation-steps-not-available-icon-color': 'rgb(94, 96, 102)',
'--theme-delegation-steps-not-available-subtitle-text-color':
'rgba(94, 96, 102, 1)',
},
dialog: {
'--theme-dialog-choice-tabs-text-color': '#5e6066',
'--theme-dialog-choice-tabs-text-color-active': '#5e6066',
'--theme-dialog-choice-tabs-bottom-border-color-active': '#5e6066',
'--theme-dialog-big-button-background-color': '#FAFBFC',
'--theme-dialog-big-button-border-color': '#c6cdd6',
'--theme-dialog-big-button-label-color': '#5e6066',
'--theme-dialog-big-button-description-color': '#5e6066',
'--theme-dialog-title-color': '#5e6066',
'--theme-dialog-text-color': '#5e6066',
'--theme-dialog-border-color': '#dfe4e8',
},
errors: {
'--theme-color-error': '#ea4c5b',
},
fonts: {
'--font-ultralight': 'NotoSans-ExtraLight, NotoSansCJKjp-Thin',
'--font-thin': 'NotoSans-Thin, NotoSansCJKjp-Thin',
'--font-light': 'NotoSans-Light, NotoSansCJKjp-Light',
'--font-regular': 'NotoSans-Regular, NotoSansCJKjp-Regular',
'--font-medium': 'NotoSans-Medium, NotoSansCJKjp-Medium',
'--font-semibold': 'NotoSans-SemiBold, NotoSansCJKjp-Medium',
'--font-bold': 'NotoSans-Bold, NotoSansCJKjp-Bold',
'--font-heavy': 'NotoSans-ExtraBold, NotoSansCJKjp-Black',
'--font-black': 'NotoSans-Black, NotoSansCJKjp-Black',
'--font-mono': 'SFMono-Light',
},
icon: {
'--theme-icon-nav-color': 'rgba(250, 251, 252, 0.6)',
'--theme-icon-nav-color-active': '#1d2e47',
'--theme-icon-sidebar-color': '#fafbfc',
'--theme-icon-toggle-menu-color': '#fafbfc',
'--theme-icon-node-update-notification-arrow-color': '#5e6066',
'--theme-icon-add-wallet-from-sidebar-color': '#fafbfc',
'--theme-icon-ada-redemption-attention-color': '#fafbfc',
'--theme-icon-ada-redemption-success-color': '#fafbfc',
'--theme-icon-ada-redemption-certificate-color': '#9eabbb',
'--theme-icon-ada-redemption-no-wallets': '#5e6066',
'--theme-icon-ada-summary-wallet-amount-symbol-color': '#5e6066',
'--theme-icon-ada-summary-wallet-pending-confirmation-symbol-color':
'#5e6066',
'--theme-icon-add-wallet-dialog-big-button-color': '#8a98ab',
'--theme-icon-back-button-color': '#5e6066',
'--theme-icon-close-button-color': '#5e6066',
'--theme-icon-connecting-logo-color': '#fafbfc',
'--theme-icon-copy-address-color': '#5e6066',
'--theme-icon-delegation-center-no-wallets': '#5e6066',
'--theme-icon-file-upload-color': '#5e6066',
'--theme-icon-syncing-logo-color': '#5e6066',
'--theme-icon-transactions-ada-symbol-color': '#5e6066',
'--theme-icon-transaction-type-color': '#fafbfc',
},
input: {
'--theme-input-background-color': '#fafbfc',
'--theme-input-border-color': '#c6cdd6',
'--theme-input-focus-border-color': '#5e6066',
'--theme-input-hint-font': 'NotoSans-Regular, NotoSansCJKjp-Regular',
'--theme-input-label-color': '#5e6066',
'--theme-input-placeholder-color': 'rgba(94, 96, 102, 0.5)',
'--theme-input-remove-color-light': '#ea4c5b',
'--theme-input-right-floating-text-color': 'rgba(94, 96, 102, 0.5)',
'--theme-input-text-color': '#5e6066',
},
link: {
'--theme-link-main-color': 'rgba(41, 111, 208, 1)',
},
loading: {
'--theme-loading-background-color': '#fafbfc',
'--theme-loading-no-disk-space-background-color': 'rgba(171, 23, 0, 0.94)',
'--theme-loading-no-disk-space-text-color': '#fafbfc',
'--theme-loading-no-disk-space-attention-icon-color': '#fafbfc',
'--theme-loading-status-icons-on-color': '#2dc06c',
'--theme-loading-status-icons-off-color': '#ea4c5b',
'--theme-loading-status-icons-unloaded-loading-color': '#fafbfc',
'--theme-loading-status-icons-unloaded-syncing-color': '#5e6066',
'--theme-loading-status-icons-tooltip-color': '#062148',
'--theme-loading-spinner-color': '#5e6066',
},
manualUpdate: {
'--theme-manual-update-overlay-background-color': 'rgba(36, 62, 98, 0.96)',
'--theme-manual-update-overlay-button-background-color': '#243e62',
'--theme-manual-update-overlay-button-background-color-hover': '#fafbfc',
'--theme-manual-update-overlay-button-border-color': '#fafbfc',
'--theme-manual-update-overlay-button-icon-color': 'rgba(250, 251, 252, 1)',
'--theme-manual-update-overlay-button-icon-color-hover':
'rgba(36, 62, 98, 1)',
'--theme-manual-update-overlay-button-text-color-hover': '#243e62',
'--theme-manual-update-overlay-text-color': 'rgba(250, 251, 252, 0.7)',
'--theme-manual-update-overlay-text-highlight-color': '#fafbfc',
'--theme-manual-update-overlay-title-text-color': '#fafbfc',
},
mnemonic: {
'--theme-mnemonic-background-color': '#e6e9ee',
'--theme-mnemonic-background-color-hover': '#eaecf1',
'--theme-backup-mnemonic-background-color': 'rgba(68, 91, 124, 0.05)',
},
modal: {
'--theme-modal-overlay-background-color': 'rgba(0, 0, 0, 0.4)',
},
navDropdown: {
'--theme-nav-dropdown-item-text-color': '#1d2e47',
'--theme-nav-dropdown-item-background-color': '#fafbfc',
'--theme-nav-dropdown-item-background-color-hover':
'rgba(68, 91, 124, 0.07)',
'--theme-nav-dropdown-item-color-hover': '#1d2e47',
},
navItem: {
'--theme-nav-item-background-color': '#1c2e47',
'--theme-nav-item-background-color-hover': 'rgba(250, 251, 252, 0.1)',
'--theme-nav-item-background-color-active': '#fafbfc',
'--theme-nav-item-text-color': 'rgba(250,251,252, 0.6)',
'--theme-nav-item-text-color-active': '#1d2e47',
},
network: {
'--theme-network-window-background-color': 'rgba(36, 62, 98, 0.96)',
'--theme-network-window-text-color': '#fafbfc',
'--theme-network-window-icon-close-hover-background': 'rgba(0, 0, 0, 0.2)',
'--theme-network-window-red-color': '#f06e05',
'--theme-network-window-green-color': '#05f079',
'--theme-network-window-white-color': '#fff',
'--theme-network-window-transparent-color': 'transparent',
'--theme-network-window-border-color': 'rgba(255, 255, 255, 0.25)',
'--theme-network-window-button-text-color': '#243e62',
'--theme-network-window-button-background-color':
'rgba(250, 251, 252, 0.4)',
'--theme-network-window-button-background-color-hover':
'rgba(250, 251, 252, 0.6)',
'--theme-network-window-button-background-color-active':
'rgba(250, 251, 252, 0.8)',
},
nodeUpdate: {
'--theme-node-update-background-color': '#ebeff2',
'--theme-node-update-title-color': '#5e6066',
'--theme-node-update-message-color': '#5e6066',
'--theme-node-sync-info-message-background-color': '#fafbfc',
'--theme-node-sync-info-message-text-color': '#5e6066',
'--theme-node-update-accept-button-background-color': '#445b7c',
'--theme-node-update-accept-button-background-color-hover': '#243e62',
'--theme-node-update-accept-button-background-color-active': '#1e304a',
'--theme-node-update-deny-button-background-color':
'rgba(68, 91, 124, 0.3)',
'--theme-node-update-deny-button-background-color-hover':
'rgba(36, 62, 98, 0.3)',
'--theme-node-update-deny-button-background-color-active':
'rgba(30, 48, 74, 0.3)',
'--theme-node-update-button-text-color': '#fafbfc',
},
notification: {
'--theme-notification-message-background-color': 'rgba(36, 61, 98, 0.95)',
'--theme-notification-message-text-color': '#fafbfc',
'--theme-legacy-badge-background-color': '#ab1700',
'--theme-legacy-notification-background-color': '#ab2712',
'--theme-legacy-notification-learn-more-button-text-color': '#fafbfc',
'--theme-legacy-notification-learn-more-button-background-color':
'rgba(250, 251, 252, 0.2)',
'--theme-legacy-notification-learn-more-button-background-color-hover':
'rgba(250, 251, 252, 0.3)',
'--theme-legacy-notification-learn-more-button-background-color-active':
'rgba(250, 251, 252, 0.4)',
'--theme-legacy-notification-move-button-text-color': '#ab2712',
'--theme-legacy-notification-move-button-background-color': '#fafbfc',
'--theme-legacy-notification-move-button-background-color-hover':
'rgba(250, 251, 252, 0.9)',
'--theme-legacy-notification-move-button-background-color-active':
'rgba(250, 251, 252, 0.8)',
'--theme-legacy-notification-title-color': '#fafbfc',
'--theme-legacy-notification-description-color': '#fafbfc',
},
paperWallet: {
'--theme-paper-wallet-create-certificate-dialog-explorer-link-color':
'#5e6066',
'--theme-paper-wallet-create-certificate-dialog-explorer-link-background-color':
'rgba(68, 91, 124, 0.05)',
},
progressBar: {
'--theme-progress-bar-background-color': 'rgba(255, 255, 255, 0.3)',
'--theme-progress-bar-foreground-color': 'rgba(255, 255, 255, 0.7)',
},
receiveQRCode: {
'--theme-receive-qr-code-background-color': 'transparent',
'--theme-receive-qr-code-foreground-color': '#000',
},
reportIssue: {
'--theme-report-issue-button-background-color': '#445b7c',
'--theme-report-issue-button-background-color-hover': '#697b96',
'--theme-report-issue-button-background-color-active': '#364863',
'--theme-report-issue-connecting-background-color':
'rgba(250, 251, 252, 0.05)',
'--theme-report-issue-connecting-text-color': '#fafbfc',
'--theme-report-issue-icon-color': '#fafbfc',
'--theme-report-issue-syncing-background-color': 'rgba(94, 96, 102, 0.05)',
'--theme-report-issue-syncing-text-color': '#5e6066',
'--theme-report-issue-syncing-download-logs-text-color': '#5e6066',
'--theme-report-issue-syncing-download-logs-text-color-connecting':
'#fafbfc',
},
scrollbar: {
'--theme-scrollbar-thumb-background': '#c8ccce',
},
sendConfirmation: {
'--theme-send-confirmation-dialog-send-values-color': '#ea4c5b',
},
settings: {
'--theme-settings-body-background-color': '#ebeff2',
'--theme-settings-pane-background-color': '#fafbfc',
'--theme-settings-pane-border': '1px solid #c6cdd6',
'--theme-settings-menu-box-background-color': '#fafbfc',
'--theme-settings-menu-box-border': '1px solid #c6cdd6',
'--theme-settings-menu-item-text-color': '#5e6066',
'--theme-settings-menu-item-text-color-active': '#5e6066',
'--theme-settings-menu-item-text-color-disabled': '#b3b3b3',
'--theme-settings-menu-item-background-color-active': '#edf0f3',
'--theme-settings-menu-item-left-border-color-active': '#445b7c',
'--theme-settings-theme-select-title-color': '#5e6066',
},
sidebar: {
'--theme-sidebar-background-color': '#345078',
'--theme-sidebar-category-background-color-hover': '#2e4669',
'--theme-sidebar-category-background-color-active': '#233856',
'--theme-sidebar-category-text-color': '#fafbfc',
'--theme-sidebar-menu-background-color': '#233856',
'--theme-sidebar-menu-item-background-color-hover': 'rgba(30, 48, 74, 0.5)',
'--theme-sidebar-menu-item-background-color-active': '#1e304a',
'--theme-sidebar-menu-item-wallet-name-color': '#fafbfc',
'--theme-sidebar-menu-item-wallet-info-color': '#fafbfc',
'--theme-sidebar-menu-add-button-background-color': '#1e304a',
'--theme-sidebar-menu-add-button-background-color-active': '#1f324d',
'--theme-sidebar-menu-add-button-background-color-hover': '#1f324d',
'--theme-sidebar-menu-add-button-text-color': '#fafbfc',
},
stakePools: {
'--theme-staking-stake-pool-background-color': '#fafbfc',
'--theme-staking-stake-pool-border-color': '#c6cdd6',
'--theme-staking-stake-pool-glow-color': 'rgba(0, 149, 255, 0.3)',
'--theme-staking-stake-pool-retirement-background-color': '#ea4c5b',
'--theme-staking-stake-pool-selected-background-color': '#5da377',
'--theme-staking-stake-pool-selected-checkmark-icon-color': '#fafbfc',
'--theme-staking-stake-pool-selected-slug-color': '#fafbfc',
'--theme-staking-stake-pool-slug-color': '#5e6066',
'--theme-staking-stake-pool-tooltip-background-color': `${chroma(
'#FFFFFF'
).alpha(0.97)}`,
'--theme-staking-stake-pool-tooltip-border-color': '#c6cdd6',
'--theme-staking-stake-pool-tooltip-delegate-button-active-background-color':
'#1e304a',
'--theme-staking-stake-pool-tooltip-delegate-button-background-color':
'#2f496e',
'--theme-staking-stake-pool-tooltip-delegate-button-border-color':
'transparent',
'--theme-staking-stake-pool-tooltip-delegate-button-hover-background-color':
'#445b7c',
'--theme-staking-stake-pool-tooltip-delegate-button-inverse-text-color':
'#fafbfc',
'--theme-staking-stake-pool-tooltip-delegate-button-text-color': '#fafbfc',
'--theme-staking-stake-pool-tooltip-link-color': '#296fd0',
'--theme-staking-stake-pool-tooltip-retirement-background-color': '#ea4c5b',
'--theme-staking-stake-pool-tooltip-retirement-text-color': '#fafbfc',
'--theme-staking-stake-pool-tooltip-shadow-color': 'rgba(0, 0, 0, 0.25)',
'--theme-staking-stake-pool-tooltip-table-param-color': '#5e6066',
'--theme-staking-stake-pool-tooltip-table-title-color': '#5e6066',
'--theme-staking-stake-pool-tooltip-text-color': '#5e6066',
'--theme-staking-stake-pools-search-button-color': '#5e6066',
'--theme-staking-stake-pools-search-icon-color': 'rgba(94, 96, 102, 1)',
'--theme-staking-stake-pools-title-color': '#5e6066',
},
staking: {
'--theme-staking-content-background-color': '#fafbfc',
'--theme-staking-content-border-color': '#c6cdd6',
'--theme-staking-font-color-accent': '#5e6066',
'--theme-staking-font-color-regular': '#5e6066',
'--theme-staking-font-color-light': 'rgba(94, 96, 102, 0.7)',
'--theme-staking-font-color-lighter': 'rgba(94, 96, 102, 0.5)',
'--theme-staking-table-head-background-color': '#f1f3f5',
'--theme-staking-table-border-color': '#c6cdd6',
'--theme-staking-link-color': 'rgba(41, 111, 208, 1)',
'--theme-staking-link-color-light': 'rgba(41, 111, 208, 0.5)',
'--theme-staking-progress-bar-background-color': 'rgba(52, 70, 94, 0.1)',
'--theme-staking-progress-stripe-dark-1-background-color': '#34465e',
'--theme-staking-progress-stripe-dark-2-background-color': '#445b7c',
'--theme-staking-table-body-highlighted-text-color': '#296fd0',
'--theme-staking-donut-ring-completed-color': '#ea4c5b',
'--theme-staking-donut-ring-remaining-color': '#f8e9eb',
'--theme-staking-wallet-row-border-color': '#dfe4e8',
'--theme-staking-dropdown-item-text-color-hover': '#5e6066',
'--theme-staking-dropdown-item-background-color': '#fafbfc',
'--theme-staking-dropdown-item-background-color-hover': '#f1f3f5',
'--theme-staking-delegation-center-gear-icon-fill-color':
'rgba(94, 96, 102, 0.5)',
'--theme-staking-delegation-center-gear-icon-fill-color-active': '#5e6066',
'--theme-staking-delegation-center-no-wallets-instructions-color':
'#5e6066',
'--theme-staking-info-learn-more-button-color': '#fafbfc',
'--theme-staking-info-learn-more-icon-color': 'rgba(250, 251, 252, 1)',
'--theme-staking-learn-more-button-color': '#fafbfc',
'--theme-staking-learn-more-icon-color': 'rgba(250, 251, 252, 1)',
},
support: {
'--theme-support-settings-item-color': 'rgba(94, 96, 102, 0.5)',
'--theme-support-settings-link-color': '#2572cc',
'--theme-support-settings-text-color': '#5e6066',
},
syncing: {
'--theme-syncing-background-color': '#fafbfc',
'--theme-syncing-text-color': '#5e6066',
},
systemError: {
'--theme-system-error-overlay-attention-icon-color': '#fafbfc',
'--theme-system-error-overlay-background-color': 'rgba(171, 23, 0, 0.94)',
'--theme-system-error-overlay-support-link-icon-color': '#fafbfc',
'--theme-system-error-overlay-text-color': '#fafbfc',
},
tabs: {
'--theme-choice-tabs-text-color': '#5e6066',
'--theme-choice-tabs-text-color-active': '#5e6066',
'--theme-choice-tabs-bottom-border-color-active': '#5e6066',
},
testEnvironment: {
'--theme-test-environment-label-background-color': '#ab1700',
'--theme-test-environment-label-text-color': '#fafbfc',
},
topBar: {
'--theme-topbar-background-color': '#243e62',
'--theme-topbar-layout-body-background-color': '#ebeff2',
'--theme-topbar-wallet-name-color': '#fafbfc',
'--theme-topbar-wallet-info-color': '#fafbfc',
},
transactions: {
'--theme-transactions-list-background-color': '#fafbfc',
'--theme-transactions-list-border-color': '#c6cdd6',
'--theme-transactions-list-group-date-color': '#5e6066',
'--theme-transactions-list-item-details-color': '#5e6066',
'--theme-transactions-state-failed-background-color': '#bdc5ce',
'--theme-transactions-state-failed-text-color': '#bdc5ce',
'--theme-transactions-state-pending-background-color': '#bdc5ce',
'--theme-transactions-state-pending-stripes-color': '#b2bac2',
'--theme-transactions-priority-color': '#fafbfc',
'--theme-transactions-priority-low-background-color': '#ab1700',
'--theme-transactions-priority-medium-background-color': '#e6aa00',
'--theme-transactions-priority-high-background-color': '#007600',
'--theme-transactions-search-background-color': '#fafbfc',
'--theme-transactions-icon-type-expend-background-color': '#84a2d2',
'--theme-transactions-icon-type-income-background-color': '#2dc06c',
'--theme-transactions-icon-type-exchange-background-color': '#10aca4',
'--theme-transactions-icon-type-failed-background-color': '#ea4c5b',
'--theme-transactions-arrow-stroke-color': '#243e62',
},
uploader: {
'--theme-uploader-text-color': '#5e6066',
'--theme-uploader-border-color': '#c6cdd6',
},
utxo: {
'--theme-utxo-background-color': 'rgba(68, 91, 124, 0.05)',
'--theme-utxo-title-text-color': '#5e6066',
'--theme-utxo-title-description-color': 'rgba(94, 96, 102, 0.7)',
'--theme-utxo-bar-color': 'rgba(68, 91, 124, 0.5)',
'--theme-utxo-label-text-color': 'rgba(194, 202, 212, 0.8)',
'--theme-utxo-tick-text-color': '#c2cad4',
'--theme-utxo-cursor-background-color': 'rgba(68, 91, 124, 0.1)',
'--theme-utxo-tooltip-background-color': '#5e6066',
'--theme-utxo-tooltip-shadow-color': 'rgba(0, 0, 0, 0.18)',
'--theme-utxo-tooltip-text-color': '#fafbfc',
},
};
export const LIGHT_BLUE_THEME_PARAMS: CreateThemeParams = {
config: LIGHT_BLUE_THEME_CONFIG,
};
export default createTheme(LIGHT_BLUE_THEME_PARAMS);