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
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756 | /*! =========================================== *
* INBOX
* Version: v4.0.0-beta.33
* Author: Cristiano Almeida
* Website: https://www.csalmeida.com
* Twitter: @_csalmeida
* =========================================== */
:root {
--main-bg-color: #296cd8;
--secondary-bg-color: #2461c4;
--bgcolor-searchbox-field: #7297C4;
--bgcolor-spacebar: rgba(255, 255, 255, 0.1);
--bgcolor-aside-link: rgba(0, 0, 0, 0.3);
--bgcolor-toolbar: #3f7bdc;
--fillcolor-logo: #f6f7fa;
--fillcolor-icons: #fff;
--color-nav-link: #F2F2F2;
--color-nav-active: #D23F31;
--color-standard-text: #fff;
--boxshadow-main: none; }
html:not(.editor-squire-iframe) body {
background: #296cd8;
color: #F2F2F2; }
.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue {
color: #F2F2F2;
background-color: #D23F31;
border: 1px solid #D23F31;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; }
.is-hover.pm-button--error, .is-hover.pm-button--primary, .is-hover.pm-button--warning, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover {
color: #F2F2F2;
box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2);
background: #c0372a;
border: 1px solid #c0372a; }
.pm-button--primaryborder-dark, .pm-button-blueborder-dark {
background: #296cd8;
border-color: #D23F31;
color: #D23F31; }
.is-active.pm-button--primaryborder-dark, .is-hover.pm-button--primaryborder-dark, .pm-button--primaryborder-dark:focus, .pm-button--primaryborder-dark:focus-within, .pm-button--primaryborder-dark:hover, .pm-button--primaryborder-dark:not(div):active, .pm-button-blueborder-dark.is-active, .pm-button-blueborder-dark.is-hover, .pm-button-blueborder-dark:focus, .pm-button-blueborder-dark:focus-within, .pm-button-blueborder-dark:hover, .pm-button-blueborder-dark:not(div):active {
background: #296cd8;
border-color: #d75346;
color: #d75346; }
.pm-button--primaryborder, .pm-button-blueborder {
border-color: #c0372a;
color: #c0372a; }
.is-hover.pm-button--primaryborder, .pm-button--primaryborder:focus, .pm-button--primaryborder:focus-within, .pm-button--primaryborder:hover, .pm-button-blueborder.is-hover, .pm-button-blueborder:focus, .pm-button-blueborder:focus-within, .pm-button-blueborder:hover {
border-color: #c0372a;
color: #c0372a; }
.is-disabled.pm-button--error, .is-disabled.pm-button--error.pm-button--info, .is-disabled.pm-button--error.pm-button--redborder, .is-disabled.pm-button--primary, .is-disabled.pm-button--primary.pm-button--info, .is-disabled.pm-button--primary.pm-button--redborder, .is-disabled.pm-button--warning, .is-disabled.pm-button--warning.pm-button--info, .is-disabled.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info[disabled], .pm-button--error.pm-button--redborder[disabled], .pm-button--error[disabled], .pm-button--primary.pm-button--info[disabled], .pm-button--primary.pm-button--redborder[disabled], .pm-button--primary[disabled], .pm-button--warning.pm-button--info[disabled], .pm-button--warning.pm-button--redborder[disabled], .pm-button--warning[disabled], .pm-button-blue.is-disabled, .pm-button-blue.is-disabled.pm-button--info, .pm-button-blue.is-disabled.pm-button--redborder, .pm-button-blue.pm-button--info[disabled], .pm-button-blue.pm-button--redborder[disabled], .pm-button-blue[disabled], .pm-button.is-disabled.pm-button--error, .pm-button.is-disabled.pm-button--primary, .pm-button.is-disabled.pm-button--warning, .pm-button.pm-button--error[disabled], .pm-button.pm-button--primary[disabled], .pm-button.pm-button--warning[disabled], .pm-button.pm-button-blue.is-disabled, .pm-button.pm-button-blue[disabled] {
background-color: #f7dbd8;
border-color: #d75346;
color: #ab3125; }
.bg-primary {
background-color: #3f7bdc; }
.color-primary {
color: #D23F31; }
.navigation__counterItem {
background: #ab3125;
color: white; }
.item-container-row:hover::before, .item-container:hover::before {
border-color: #db665b; }
.item-checkbox + .item-icon:hover, .item-checkbox:hover + .item-icon {
border-color: #e9a19a; }
.item-checkbox:hover:not(:checked) + .item-icon .item-icon-fakecheck-icon {
fill: #ab3125; }
.circle-chart__circle {
stroke: #D23F31; }
#dropdown-0 .dropDown-content::after, #dropdown-0 .dropDown-content::before, #dropdown-0.dropDown:not(.dropDown--noCaret)::before,
#dropdown-0 .dropDown-content {
background: #296cd8; }
.dropDown:not(.dropDown--noCaret)::before,
.dropDown::after,
.dropDown-logout-initials,
.dropDown-item-hr {
border-color: #3f7bdc !important; }
#global_search.searchbox-field[type="search"] {
background-color: #7297C4;
color: #F2F2F2; }
.searchbox-advanced-search-button:active,
.searchbox-advanced-search-button:focus,
.searchbox-advanced-search-button:hover {
background-color: #296cd8; }
.topnav-link, .topnav-link > .topnav-icon {
color: #F2F2F2;
transition: color .2s ease-in-out; }
.topnav-link:active, .topnav-link:focus,
.topnav-link:hover, .topnav-link[aria-current="true"] {
color: #D23F31; }
.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon,
.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon {
color: #D23F31; }
.protonmail .text-purple {
color: #296cd8 !important; }
.protonmail .text-purple:hover {
color: #ab3125 !important; }
.dropDown-item-button:focus, .dropDown-item-button:hover, .dropDown-item-link:focus, .dropDown-item-link:hover {
color: #D23F31; }
#pm_composer .composer .composerHeader-container,
.composerInputMeta-overlay .composerHeader-container {
background: #3f7bdc; }
#pm_composer .composer .fill {
background: #fff; }
.conversation.marked::before {
background: #D23F31; }
.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active), .item-container-row:not(.item-is-selected):not(.item-contact):not(.read):not(.active) {
background: #fff; }
.item-container.selected, .item-container-row.selected,
.item-container.active, .item-is-selected {
background: rgba(210, 63, 49, 0.1); }
.selectBoxElement-container:hover .item-icon {
background-color: transparent;
border: 1px solid #c0372a; }
.selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon {
fill: #c0372a; }
.selectBoxElement-container:hover .item-checkbox:checked + .item-icon {
background-color: #c0372a;
border-color: #c0372a; }
.item-checkbox:checked + .item-icon {
background-color: #D23F31;
border-color: #D23F31; }
.item-checkbox + .item-icon:hover {
background-color: #c0372a;
border-color: #c0372a; }
.item-checkbox + .item-icon:hover .item-icon-fakecheck-icon {
fill: #F2F2F2; }
.item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon {
fill: #F2F2F2; }
.starbutton {
fill: #D23F31 !important;
opacity: 0.7; }
.starbutton:focus, .starbutton:hover {
fill: #D23F31; }
.autocompleteEmailsItem-icon svg.encryptionIcon {
fill: #c0372a; }
.encryptionStatus .color-pm-blue svg {
color: #c0372a;
fill: #c0372a; }
.encryptionStatus .color-global-grey-dm svg {
color: black; }
.color-pm-blue {
color: #D23F31; }
.pm-radio:checked + .pm-radio-fakeradio::before {
background: #D23F31; }
.block-info-standard {
border-color: #1b68c6; }
.block-info-standard-warning {
border-color: #ffaa00; }
.block-info-standard-error {
border-color: #d62646; }
.link, a, .pm-button--link {
color: #ab3125;
transition: color .2s ease-in-out; }
.link:active, .link:focus, .link:hover,
a:active, a:focus, a:hover,
.pm-button--link:hover {
color: #ab3125; }
.pm-button--primary {
background-color: #D23F31;
border-color: #D23F31; }
.pm-button--link, .pm-button.pm-button--link {
color: #D23F31; }
.pm-button--error, .pm-button--error.pm-button--info, .pm-button--error.pm-button--redborder, .pm-button--primary, .pm-button--primary.pm-button--info, .pm-button--primary.pm-button--redborder, .pm-button--warning, .pm-button--warning.pm-button--info, .pm-button--warning.pm-button--redborder, .pm-button-blue, .pm-button-blue.pm-button--info, .pm-button-blue.pm-button--redborder, .pm-button.pm-button--error, .pm-button.pm-button--primary, .pm-button.pm-button--warning, .pm-button.pm-button-blue {
background-color: #D23F31;
border-color: #D23F31; }
.is-hover.pm-button--error, .is-hover.pm-button--error.pm-button--info, .is-hover.pm-button--error.pm-button--redborder, .is-hover.pm-button--primary, .is-hover.pm-button--primary.pm-button--info, .is-hover.pm-button--primary.pm-button--redborder, .is-hover.pm-button--warning, .is-hover.pm-button--warning.pm-button--info, .is-hover.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info:focus, .pm-button--error.pm-button--info:focus-within, .pm-button--error.pm-button--info:hover, .pm-button--error.pm-button--redborder:focus, .pm-button--error.pm-button--redborder:focus-within, .pm-button--error.pm-button--redborder:hover, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary.pm-button--info:focus, .pm-button--primary.pm-button--info:focus-within, .pm-button--primary.pm-button--info:hover, .pm-button--primary.pm-button--redborder:focus, .pm-button--primary.pm-button--redborder:focus-within, .pm-button--primary.pm-button--redborder:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning.pm-button--info:focus, .pm-button--warning.pm-button--info:focus-within, .pm-button--warning.pm-button--info:hover, .pm-button--warning.pm-button--redborder:focus, .pm-button--warning.pm-button--redborder:focus-within, .pm-button--warning.pm-button--redborder:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue.is-hover.pm-button--info, .pm-button-blue.is-hover.pm-button--redborder, .pm-button-blue.pm-button--info:focus, .pm-button-blue.pm-button--info:focus-within, .pm-button-blue.pm-button--info:hover, .pm-button-blue.pm-button--redborder:focus, .pm-button-blue.pm-button--redborder:focus-within, .pm-button-blue.pm-button--redborder:hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover, .pm-button.is-hover.pm-button--error, .pm-button.is-hover.pm-button--primary, .pm-button.is-hover.pm-button--warning, .pm-button.pm-button--error:focus, .pm-button.pm-button--error:focus-within, .pm-button.pm-button--error:hover, .pm-button.pm-button--primary:focus, .pm-button.pm-button--primary:focus-within, .pm-button.pm-button--primary:hover, .pm-button.pm-button--warning:focus, .pm-button.pm-button--warning:focus-within, .pm-button.pm-button--warning:hover, .pm-button.pm-button-blue.is-hover, .pm-button.pm-button-blue:focus, .pm-button.pm-button-blue:focus-within, .pm-button.pm-button-blue:hover {
background: #c0372a;
border: 1px solid #c0372a; }
.is-active.pm-button--error, .is-active.pm-button--error.pm-button--info, .is-active.pm-button--error.pm-button--redborder, .is-active.pm-button--primary, .is-active.pm-button--primary.pm-button--info, .is-active.pm-button--primary.pm-button--redborder, .is-active.pm-button--warning, .is-active.pm-button--warning.pm-button--info, .is-active.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info:not(div):active, .pm-button--error.pm-button--redborder:not(div):active, .pm-button--error:not(div):active, .pm-button--primary.pm-button--info:not(div):active, .pm-button--primary.pm-button--redborder:not(div):active, .pm-button--primary:not(div):active, .pm-button--warning.pm-button--info:not(div):active, .pm-button--warning.pm-button--redborder:not(div):active, .pm-button--warning:not(div):active, .pm-button-blue.is-active, .pm-button-blue.is-active.pm-button--info, .pm-button-blue.is-active.pm-button--redborder, .pm-button-blue.pm-button--info:not(div):active, .pm-button-blue.pm-button--redborder:not(div):active, .pm-button-blue:not(div):active, .pm-button.is-active.pm-button--error, .pm-button.is-active.pm-button--primary, .pm-button.is-active.pm-button--warning, .pm-button.pm-button--error:not(div):active, .pm-button.pm-button--primary:not(div):active, .pm-button.pm-button--warning:not(div):active, .pm-button.pm-button-blue.is-active, .pm-button.pm-button-blue:not(div):active {
background: #ab3125;
border-color: #ab3125; }
.pm-button-blueborder {
box-shadow: none;
border-color: #296cd8;
color: #296cd8;
transition: color .2s ease-in-out, border-color .2s ease-in-out; }
.pm-button-blueborder:hover {
box-shadow: none;
border-color: #ab3125;
color: #ab3125; }
.is-active.pm-button--primaryborder,
.pm-button--primaryborder:not(div):active,
.pm-button-blueborder.is-active,
.pm-button-blueborder:not(div):active {
border-color: #ab3125;
color: #ab3125;
background: transparent; }
.pm-group-buttons > .pm-group-button.pm-button--primary {
border-color: #ab3125; }
.bg-pm-blue-gradient .pm-button--transparent:hover {
color: #F2F2F2;
border-color: #F2F2F2; }
.pm-toggle-checkbox:checked + .pm-toggle-label:before {
background: #D23F31;
border-color: #D23F31; }
.composer-title-bar {
background: #296cd8; }
.color-global-light {
color: #F2F2F2; }
.angular-squire-iframe body a {
color: #D23F31; }
.fill-pm-blue,
.message-attachmentIcon .file-outer-icon.is-embedded {
fill: #D23F31; }
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) {
border-color: #D23F31;
color: #D23F31; }
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before {
background-color: #D23F31; }
.pm-table--highlight[data-plan-number="1"] tr td:nth-child(2),
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2),
.pm-table--highlight[data-plan-number="1"] tr:last-child td:nth-child(2) {
border-color: #D23F31; }
.pm-simple-table-row-th .fill-primary {
fill: #D23F31; }
.pm-checkbox-fakecheck, .pm-radio-fakeradio {
border-color: #296cd8; }
.pm-checkbox-fakecheck [class*="icon-"], .pm-radio-fakeradio [class*="icon-"] {
fill: #D23F31; }
[class*="icon-"].color-primary {
color: #296cd8; }
[class*="icon-"].color-primary:hover {
color: #ab3125; }
.pm-field, .editor,
.editor-toolbar,
.border-bottom,
.border-top,
.message-container.is-opened > .message-header {
border-color: #2056ae; }
.badgeLabel, .badgeLabel-primary {
border-color: #ab3125; }
.badgeLabel,
.badgeLabel-blue,
.badgeLabel-primary,
.bg-pm-blue {
background-color: #ab3125; }
body {
scrollbar-color: #548ae0 #3272da; }
::-webkit-scrollbar {
width: 16px; }
::-webkit-scrollbar-track {
background: #3272da; }
::-webkit-scrollbar-thumb {
background: #548ae0;
box-shadow: inset 0 0 0 4px #3272da;
border-radius: 16px; }
.isDarkMode .bordered,
.isDarkMode .bordered-container:not([class*="composerInputMeta-"]),
.isDarkMode .breadcrumb-container {
border-color: #548ae0; }
.isDarkMode .dropDown-content::after, .isDarkMode .dropDown-content::before,
.isDarkMode .dropDown:not(.dropDown--noCaret)::before,
.isDarkMode .dropDown-content {
background: #296cd8;
border: #296cd8; }
.isDarkMode .dropDown-item-button:focus, .isDarkMode .dropDown-item-button:focus-within,
.isDarkMode .dropDown-item-button:hover, .isDarkMode .dropDown-item-link:focus,
.isDarkMode .dropDown-item-link:focus-within, .isDarkMode .dropDown-item-link:hover {
background-color: #2461c4; }
.isDarkMode .dropDown-item-button.is-disabled, .isDarkMode .dropDown-item-button[disabled],
.isDarkMode .dropDown-item-link.is-disabled, .isDarkMode .dropDown-item-link[disabled] {
background-color: #2667d1; }
.isDarkMode .squireToolbar-select-list {
background: #296cd8;
color: #F2F2F2; }
.isDarkMode .squireToolbar-dropdown-divider {
background-color: #548ae0; }
.isDarkMode .squireToolbar-select-item:hover {
background: #2667d1; }
.isDarkMode #pm_composer .composer,
.isDarkMode .composerInputMeta-overlay {
background: #296cd8; }
.isDarkMode #pm_composer .composer .fill {
background: #296cd8; }
.isDarkMode .composer-body-container textarea {
background: #296cd8; }
.isDarkMode .composer-addresses-item {
background: #2461c4; }
.isDarkMode .composer-addresses-autocomplete ul {
background: #2461c4; }
.isDarkMode .composer-addresses-autocomplete li[aria-selected="true"],
.isDarkMode .composer-addresses-autocomplete li:hover {
background: #296cd8; }
.isDarkMode .autocompleteEmails-item {
background-color: #2667d1;
border-color: #2667d1; }
.isDarkMode .autocompleteEmails-label {
border-left: 1px solid #548ae0;
border-right: 1px solid #548ae0; }
.isDarkMode .composerOptions-container.show {
background: #2667d1; }
.isDarkMode .composerOptions-container.show .shadow-container {
background: #296cd8;
color: #F2F2F2; }
.isDarkMode .pm-button.pm-button--primary {
background: #ab3125;
color: #F2F2F2;
border-color: #ab3125; }
.isDarkMode .pm-button.pm-button--primary:hover {
background: #D23F31;
color: #F2F2F2; }
.isDarkMode .is-disabled.pm-button--error, .isDarkMode .is-disabled.pm-button--error.pm-button--info, .isDarkMode .is-disabled.pm-button--error.pm-button--redborder, .isDarkMode .is-disabled.pm-button--primary, .isDarkMode .is-disabled.pm-button--primary.pm-button--info, .isDarkMode .is-disabled.pm-button--primary.pm-button--redborder, .isDarkMode .is-disabled.pm-button--warning, .isDarkMode .is-disabled.pm-button--warning.pm-button--info, .isDarkMode .is-disabled.pm-button--warning.pm-button--redborder, .isDarkMode .pm-button--error.pm-button--info[disabled], .isDarkMode .pm-button--error.pm-button--redborder[disabled], .isDarkMode .pm-button--error[disabled], .isDarkMode .pm-button--primary.pm-button--info[disabled], .isDarkMode .pm-button--primary.pm-button--redborder[disabled], .isDarkMode .pm-button--primary[disabled], .isDarkMode .pm-button--warning.pm-button--info[disabled], .isDarkMode .pm-button--warning.pm-button--redborder[disabled], .isDarkMode .pm-button--warning[disabled], .isDarkMode .pm-button-blue.is-disabled, .isDarkMode .pm-button-blue.is-disabled.pm-button--info, .isDarkMode .pm-button-blue.is-disabled.pm-button--redborder, .isDarkMode .pm-button-blue.pm-button--info[disabled], .isDarkMode .pm-button-blue.pm-button--redborder[disabled], .isDarkMode .pm-button-blue[disabled], .isDarkMode .pm-button.is-disabled.pm-button--error, .isDarkMode .pm-button.is-disabled.pm-button--primary, .isDarkMode .pm-button.is-disabled.pm-button--warning, .isDarkMode .pm-button.pm-button--error[disabled], .isDarkMode .pm-button.pm-button--primary[disabled], .isDarkMode .pm-button.pm-button--warning[disabled], .isDarkMode .pm-button.pm-button-blue.is-disabled, .isDarkMode .pm-button.pm-button-blue[disabled] {
background-color: #2667d1;
border-color: #548ae0;
color: #d9d9d9; }
.isDarkMode .pm-button:not(.pm-button-blue):not(.pv-button-green):not(.pm-button--primary):not(.pm-button--primaryborderEvenInDarkMode):not(.pm-button--link):not(.pm-button--error):not(.pm-button--warning):not(.pm-button--redborder):not(.pm-button--primaryborder), .isDarkMode .pm-button--info {
color: #F2F2F2;
background-color: #296cd8;
border-color: #548ae0; }
.isDarkMode .pm-group-buttons > .pm-group-button.pm-button--primary {
border-color: #548ae0; }
.isDarkMode .pm-button-blueborder {
border-color: #D23F31;
color: #D23F31; }
.isDarkMode .pm-button-blueborder:hover {
border-color: #d75346;
color: #d75346; }
.isDarkMode [class*="squireToolbar-row"] .squireToolbar-action-mode:active, .isDarkMode [class*="squireToolbar-row"] .squireToolbar-action-mode:hover, .isDarkMode [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:active, .isDarkMode [class*="squireToolbar-row"] [class*="squireToolbar-action-"]:hover {
background: #3272da !important; }
.isDarkMode .squireToolbar-separator {
background: #3f7bdc; }
.isDarkMode .composerTime-container,
.isDarkMode [class*="composer-field"] {
color: #F2F2F2; }
.isDarkMode .composerInputMeta-overlay-fakefield {
border-color: #F2F2F2; }
.isDarkMode .encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg {
color: white; }
.isDarkMode .conversation {
border-color: #548ae0; }
.isDarkMode .main-area,
.isDarkMode .main-area--noHeader,
.isDarkMode .main-area--withToolbar,
.isDarkMode .main-area--withToolbar--noHeader,
.isDarkMode [class*="block-info-"] {
color: #F2F2F2; }
.isDarkMode [class*="block-info"] {
background-color: #548ae0;
color: #F2F2F2; }
.isDarkMode .fill-global-grey {
fill: #D23F31; }
.isDarkMode .starbutton {
fill: #0d0d0d; }
.isDarkMode .bg-global-light, .isDarkMode kbd {
background: #296cd8; }
.isDarkMode .item-container, .isDarkMode .item-container-row, .isDarkMode .contactsummary-container {
background: #296cd8; }
.isDarkMode .items-column-list-inner, .isDarkMode .ReactVirtualized__Grid__innerScrollContainer {
border-color: #548ae0; }
.isDarkMode .items-column-list-inner .item-container, .isDarkMode .items-column-list-inner .item-container-row, .isDarkMode .ReactVirtualized__Grid__innerScrollContainer .item-container, .isDarkMode .ReactVirtualized__Grid__innerScrollContainer .item-container-row {
border-color: #548ae0; }
.isDarkMode .item-container:not(.item-is-selected):not(.read):not(.active),
.isDarkMode .item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active),
.isDarkMode .item-container-row:not(.item-is-selected):not(.item-contact):not(.read):not(.active), .isDarkMode .squireToolbar-container {
background: #3f7bdc; }
.isDarkMode .item-container.active, .isDarkMode .item-is-selected {
background: #2667d1; }
.isDarkMode .item-container.active .flex-item-fluid, .isDarkMode .item-is-selected .flex-item-fluid {
color: #D23F31; }
.isDarkMode .item-icon {
background-color: #296cd8;
border: 1px solid #e5e5e5; }
.isDarkMode .selectBoxElement-container:hover .item-icon {
background-color: #296cd8;
border: 1px solid #c0372a; }
.isDarkMode .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon {
fill: #c0372a; }
.isDarkMode .selectBoxElement-container {
color: #F2F2F2; }
.isDarkMode .selectBoxElement-container:hover .item-checkbox:checked + .item-icon {
background-color: #c0372a;
border-color: #c0372a; }
.isDarkMode .item-checkbox + .item-icon:hover,
.isDarkMode .item-checkbox:hover + .item-icon {
background-color: #2461c4; }
.isDarkMode .items-column-list,
.isDarkMode .elementList-container-row {
background-color: #296cd8; }
.isDarkMode .composer-container {
background: #3f7bdc; }
.isDarkMode .message-header {
background-color: #3f7bdc; }
.isDarkMode .view-column-detail {
background-color: #296cd8; }
.isDarkMode details:first-child {
border-color: #548ae0; }
.isDarkMode .items-column-list,
.isDarkMode .message-container,
.isDarkMode .message-attachments {
border-color: #548ae0; }
.isDarkMode .message-container:not(.sent):not(.draft) .message-header.message-summary::before,
.isDarkMode .message-header.is-inbound::before {
border-top: 1px solid #548ae0;
border-left: 1px solid #548ae0;
background-color: #3f7bdc; }
.isDarkMode .message-infobox {
background-color: #296cd8; }
.isDarkMode .message-content.frame.message-frame {
background: white;
color: black; }
.isDarkMode .block-info-standard, .isDarkMode .bodyDecrypted blockquote {
border-color: #D23F31; }
.isDarkMode .squireDropdown-item-label {
color: #F2F2F2; }
.isDarkMode .squireToolbar-action-color {
background: transparent; }
.isDarkMode .angular-squire-iframe body {
color: #F2F2F2;
background: #3f7bdc; }
.isDarkMode .angular-squire-iframe body a {
color: #D23F31; }
.isDarkMode .plaintext-editor {
color: #F2F2F2; }
.isDarkMode .pm-button, .isDarkMode .pm-button--info, .isDarkMode .pm-button--redborder {
background: #296cd8;
border-color: #548ae0;
color: #F2F2F2; }
.isDarkMode .message-attachmentInfo {
border-color: #548ae0; }
.isDarkMode .is-hover.pm-button--info, .isDarkMode .is-hover.pm-button--redborder,
.isDarkMode .pm-button--info:focus, .isDarkMode .pm-button--info:focus-within,
.isDarkMode .pm-button--info:hover, .isDarkMode .pm-button--redborder:focus,
.isDarkMode .pm-button--redborder:focus-within, .isDarkMode .pm-button--redborder:hover,
.isDarkMode .pm-button.is-hover, .isDarkMode .pm-button:focus-within,
.isDarkMode .pm-button:hover:not(.pm-button--primary) {
color: #D23F31; }
.isDarkMode .pm-button:focus {
color: #F2F2F2; }
.isDarkMode .is-disabled.pm-button--info,
.isDarkMode .is-disabled.pm-button--redborder,
.isDarkMode .pm-button--info[disabled],
.isDarkMode .pm-button--redborder[disabled],
.isDarkMode .pm-button.is-disabled,
.isDarkMode .pm-button[disabled] {
background: #548ae0; }
.isDarkMode .is-active.pm-button--info,
.isDarkMode .is-active.pm-button--redborder,
.isDarkMode .pm-button--info:not(div):active,
.isDarkMode .pm-button--redborder:not(div):active,
.isDarkMode .pm-button.is-active, .isDarkMode .pm-button:not(div):active {
background: #548ae0;
color: #D23F31; }
.isDarkMode .dropDown-content {
background: #296cd8;
color: #F2F2F2; }
.isDarkMode .dropDown-content button {
color: #F2F2F2; }
.isDarkMode .dropDown-content .elementsSelector-btn-action,
.isDarkMode .dropDown-content .dropDown-item:hover {
color: #F2F2F2; }
.isDarkMode .dropDown-content .dropDown-item:hover {
background: #3f7bdc !important; }
.isDarkMode .dropDown-content .dropDown-item + .dropDown-item {
border-top: 1px solid #548ae0; }
.isDarkMode .dropDown-content .dropDown-item .color-global-grey {
color: #F2F2F2; }
.isDarkMode .dropDown .dropDown-content::before, .isDarkMode .dropDown .dropDown-content::after {
border-bottom-color: #296cd8; }
.isDarkMode .dropDown--right-bottom::before {
border-right-color: #296cd8; }
.isDarkMode .dropDown--right-bottom .dropDown-content::before, .isDarkMode .dropDown--right-bottom .dropDown-content::after {
background: #296cd8; }
.isDarkMode .dropDown--bottom-right .dropDown-content::before, .isDarkMode .dropDown--bottom-right .dropDown-content::after {
background: #296cd8; }
.isDarkMode .dropDown--bottom-left::before,
.isDarkMode .dropDown--bottom-right::before,
.isDarkMode .dropDown--bottom::before {
border-bottom-color: #548ae0; }
.isDarkMode .dropDown--bottom-right {
border: 1px solid #548ae0; }
.isDarkMode .pm-field-icon-container[type="search"], .isDarkMode .pm-field[type="search"] {
background-color: #3f7bdc; }
.isDarkMode .dropDown-contentInner {
background-color: #296cd8; }
.isDarkMode .dropDown-contentInner::before, .isDarkMode .dropDown-contentInner::after {
background-color: #296cd8; }
.isDarkMode .dropDown-contentInner .dropDown-item span {
color: #F2F2F2 !important; }
.isDarkMode .searchbox-field[type="search"]:not(#global_search) {
background: #F2F2F2;
color: #296cd8; }
.isDarkMode .link:active, .isDarkMode .link:focus, .isDarkMode .link:hover,
.isDarkMode a:active, .isDarkMode a:focus, .isDarkMode a:hover,
.isDarkMode .pm-button--link:hover,
.isDarkMode .composerInputMeta-label:hover {
color: #d75346; }
.isDarkMode .pm-modal, .isDarkMode .pm-modalContentInner {
background-color: #296cd8;
color: #F2F2F2; }
.isDarkMode .pm-modal::before, .isDarkMode .pm-modal::after, .isDarkMode .pm-modalContentInner::before, .isDarkMode .pm-modalContentInner::after {
background-color: #296cd8; }
.isDarkMode .pm-modal .labelColorSelector-item-mask, .isDarkMode .pm-modalContentInner .labelColorSelector-item-mask {
border: 2px solid #6a98e4; }
.isDarkMode .pm-button--primaryborder, .isDarkMode .pm-button-blueborder {
border-color: #D23F31;
color: #D23F31;
background-color: #3f7bdc;
transition: background-color .2s ease-in-out; }
.isDarkMode .is-hover.pm-button--primaryborder, .isDarkMode .pm-button--primaryborder:focus,
.isDarkMode .pm-button--primaryborder:focus-within, .isDarkMode .pm-button--primaryborder:hover,
.isDarkMode .pm-button-blueborder.is-hover, .isDarkMode .pm-button-blueborder:focus,
.isDarkMode .pm-button-blueborder:focus-within, .isDarkMode .pm-button-blueborder:hover {
border-color: #D23F31;
color: #D23F31;
background-color: #276ad5; }
.isDarkMode .scrollshadow-static {
background: #296cd8; }
.isDarkMode .pm-field, .isDarkMode .pm-field-icon-container,
.isDarkMode .focus.pm-field-icon-container, .isDarkMode .pm-field-icon-container:focus,
.isDarkMode .pm-field-icon-container:focus-within, .isDarkMode .pm-field.focus,
.isDarkMode .pm-field:focus, .isDarkMode .pm-field:focus-within,
.isDarkMode .composerInputMeta-overlay-fakefield,
.isDarkMode .composerInputMeta-autocomplete {
color: #F2F2F2;
background-color: #3f7bdc; }
.isDarkMode .pm-field::placeholder, .isDarkMode .pm-field-icon-container::placeholder,
.isDarkMode .focus.pm-field-icon-container::placeholder, .isDarkMode .pm-field-icon-container:focus::placeholder,
.isDarkMode .pm-field-icon-container:focus-within::placeholder, .isDarkMode .pm-field.focus::placeholder,
.isDarkMode .pm-field:focus::placeholder, .isDarkMode .pm-field:focus-within::placeholder,
.isDarkMode .composerInputMeta-overlay-fakefield::placeholder,
.isDarkMode .composerInputMeta-autocomplete::placeholder {
color: #e5e5e5; }
.isDarkMode .composerInputMeta-autocomplete input {
color: #F2F2F2;
background-color: #3f7bdc; }
.isDarkMode .composerInputMeta-autocomplete input::placeholder {
color: #e5e5e5; }
.isDarkMode select.pm-field, .isDarkMode select.pm-field-icon-container {
background-color: #3f7bdc;
color: #F2F2F2; }
.isDarkMode .storageProgress-content.dropDown-content--rightbottom::before {
border-right-color: #296cd8; }
.isDarkMode .sticky-title {
background: #3272da; }
.isDarkMode .bg-global-highlight {
background-color: #296cd8; }
.isDarkMode .bg-white-dm {
background-color: #3f7bdc; }
.isDarkMode .main-area, .isDarkMode .main-area--noHeader,
.isDarkMode .main-area--withToolbar,
.isDarkMode .main-area--withToolbar--noHeader,
.isDarkMode [class*="block-info-"] {
color: #F2F2F2; }
.isDarkMode .main-area, .isDarkMode .main-area--noHeader,
.isDarkMode .main-area--withToolbar, .isDarkMode .main-area--withToolbar--noHeader {
background: #296cd8; }
.isDarkMode .context-bar {
background: #296cd8; }
.isDarkMode .subnav {
background: #3f7bdc; }
.isDarkMode .subnav .link, .isDarkMode .subnav a {
color: #D23F31; }
.isDarkMode .subnav .link:active, .isDarkMode .subnav .link:focus, .isDarkMode .subnav .link:hover, .isDarkMode .subnav a:active, .isDarkMode .subnav a:focus, .isDarkMode .subnav a:hover {
color: #d75346; }
.isDarkMode .pm-toggle-label {
border-color: #548ae0;
background: #3f7bdc; }
.isDarkMode .pm-toggle-label::before {
background: #296cd8; }
.isDarkMode .pm-toggle-label .pm-toggle-label-img {
fill: #F2F2F2; }
.isDarkMode .pm-plans-table-row--highlighted {
background-color: #296cd8; }
.isDarkMode .pm-checkbox-fakecheck,
.isDarkMode .pm-radio-fakeradio {
background: transparent; }
.isDarkMode [class*="icon-"].color-primary {
color: #D23F31; }
.isDarkMode .color-global-grey-dm {
color: #D23F31; }
[aria-current="page"].navigation__link, [aria-current="page"].navigation__link .navigation__icon, [aria-current="page"].navigation__link:hover .navigation__icon:not(.navigation__icon--expand) {
color: #F2F2F2; }
.toolbar {
background: #2461c4; }
.isDarkMode .pm-button, .isDarkMode .pm-button--info, .isDarkMode .pm-button--redborder {
background: #cc3a2d; }
.isDarkMode .pm-button--primaryborder {
background: transparent;
border-color: #F2F2F2;
color: #F2F2F2; }
.isDarkMode .pm-button--primaryborder:hover {
border-color: #F2F2F2;
color: #D23F31; }
.isDarkMode .composer-body-container textarea {
background: #1c4c99; }
|