-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathglobal-colors.css
671 lines (574 loc) · 30.1 KB
/
global-colors.css
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
/*Pitch Dark Fox Colors*/
:root {
--Dark_TextColor: #fff !important;
--Dark_DimmedColor: #b4b4b4 !important;
--Dark_LinkColor: #9058f7 /*#64b5f6*/ !important;
--Dark_BackgroundColor: /*#0b0d10*/ #0c0e14 /*#0b0c10*/ /*#1c1b22*/ !important;
--Dark_ActiveColor: #181818 !important;
--Dark_BorderColor: #212121 !important;
}
/*Selection*/
::selection {
background-color: #1a237e !important;
color: var(--Dark_TextColor) !important;
}
/*Link Hover*/
.text-link:hover {
text-decoration: none !important;
}
/*In-UI scroll-bars*/
.panel-subview-body,
#permList,
scrollbar {
scrollbar-width: thin !important;
}
/*Input Boxes*/
input[type="checkbox"],
input[type="radio"] {
filter: invert(1) !important;
}
/*Ctrl-Tab Panel*/
:root {
--attention-color: transparent !important;
--blurred-dialog-border-color: var(--Dark_ActiveColor) !important;
--ctrlTab-overlay-color: hsla(240, 3%, 4%, 0.6) !important;
--ctrlTab-panel-disabled-bgcolor: var(--Dark_ActiveColor) !important;
--ctrlTab-panel-disabled-focused-bgcolor: hsla(240, 8%, 3%, 1) !important;
--ctrlTab-panel-bgcolor: hsla(240, 3%, 4%, 0.9) !important;
--ctrlTab-panel-focused-bgcolor: hsla(10, 12%, 2%, 0.99) !important;
}
/*+++++ Global Colors +++++*/
* {
/*font-weight: normal !important;*/
outline: none !important;
scrollbar-width: thin !important;
scrollbar-color: rgb(24, 24, 24) rgb(0, 0, 0) !important;
text-decoration: none !important;
--attention-icon-color: #1a237e !important;
--sidebar-background-color: var(--Dark_BackgroundColor) !important;
}
:root {
font-weight: normal !important;
outline: none !important;
scrollbar-width: thin !important;
scrollbar-color: rgb(24, 24, 24) rgb(0, 0, 0) !important;
text-decoration: none !important;
--attention-icon-color: #1a237e !important;
--accent-color: var(--Dark_BackgroundColor) !important;
--accent-color-inactive: var(--Dark_BackgroundColor) !important;
--additional-images: none !important;
/*Arrow Panel*/
--arrowpanel-color: var(--Dark_TextColor) !important;
--arrowpanel-dimmed: var(--Dark_ActiveColor) !important;
--arrowpanel-dimmed-further: var(--Dark_ActiveColor) !important;
--arrowpanel-dimmed-even-further: var(--Dark_ActiveColor) !important;
--arrowpanel-background: var(--Dark_BackgroundColor) !important;
--arrowpanel-border-color: var(--Dark_BorderColor) !important;
--arrowpanel-menuitem-padding: 4px !important;
--arrowpanel-menuitem-padding-block: 5px !important;
--arrowpanel-menuitem-border-radius: 2px !important;
--arrowpanel-menuitem-margin: 0 6px !important;
--arrowpanel-border-radius: 4px !important;
--arrowpanel-padding: 5px !important;
--default-arrowpanel-color: var(--Dark_TextColor) !important;
--default-arrowpanel-background: var(--Dark_BackgroundColor) !important;
--default-arrowpanel-border-color: var(--Dark_ActiveColor) !important;
/*Autocomplete*/
--autocomplete-popup-color: var(--Dark_TextColor) !important;
--autocomplete-popup-background: var(--Dark_BackgroundColor) !important;
--autocomplete-popup-highlight-background: var(--Dark_BorderColor) !important;
--autocomplete-popup-highlight-color: var(--Dark_TextColor) !important;
--background-alignment: right top !important;
--background-tiling: no-repeat !important;
--background-tab-separator-color: var(--Dark_ActiveColor) !important;
--bookmark-block-padding: 3px !important;
/*Buttons*/
--button-color: var(--Dark_TextColor) !important;
--button-bgcolor: var(--Dark_BackgroundColor) !important;
--button-active-bgcolor: var(--Dark_ActiveColor) !important;
--button-hover-bgcolor: var(--Dark_ActiveColor) !important;
--button-hover-color: var(--Dark_ActiveColor) !important;
--buttons-destructive-bgcolor: var(--Dark_BackgroundColor) !important;
--buttons-destructive-hover-bgcolor: var(--Dark_ActiveColor) !important;
--buttons-destructive-active-bgcolor: var(--Dark_ActiveColor) !important;
--buttons-destructive-color: var(--Dark_TextColor) !important;
--buttons-primary-button-bgcolor: var(--Dark_BackgroundColor) !important;
--buttons-primary-button-hover-bgcolor: var(--Dark_ActiveColor) !important;
--buttons-primary-button-active-bgcolor: var(--Dark_ActiveColor) !important;
--buttons-primary-button-color: var(--Dark_TextColor) !important;
--button-primary-hover-bgcolor: var(--Dark_ActiveColor) !important;
/*Addon Cards*/
--card-outline-color: var(--Dark_ActiveColor) !important;
--card-shadow: 0 1px 2px var(--Dark_BackgroundColor) !important;
--card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color) !important;
--cfr-active-color: var(--Dark_LinkColor) !important;
/*--cfr-animation-duration: 0.35s !important;
--cfr-button-addons-icon: url(chrome://activity-stream/content/data/content/assets/glyph-webextension-16.svg) !important;
--cfr-button-features-icon: url(chrome://activity-stream/content/data/content/assets/glyph-cfr-feature-16.svg) !important;
--cfr-button-highlights-icon: url(chrome://activity-stream/content/data/content/assets/glyph-highlights-16.svg) !important;*/
/*Checkboxes*/
--checkbox-border-color: var(--Dark_BorderColor) !important;
--checkbox-checked-bgcolor: var(--Dark_BackgroundColor) !important;
--checkbox-checked-color: var(--Dark_TextColor) !important;
--checkbox-checked-hover-bgcolor: var(--Dark_ActiveColor) !important;
--checkbox-checked-active-bgcolor: var(--Dark_ActiveColor) !important;
--checkbox-checked-border-color: var(--Dark_BorderColor) !important;
--checkbox-unchecked-bgcolor: var(--Dark_BackgroundColor) !important;
--checkbox-unchecked-hover-bgcolor: var(--Dark_ActiveColor) !important;
--checkbox-unchecked-active-bgcolor: var(--Dark_ActiveColor) !important;
--chrome-content-separator-color: var(--Dark_BackgroundColor) !important;
/*Menus*/
--dark-menu-color: var(--Dark_TextColor) !important;
--dark-menu-disabled-color: var(--Dark_DimmedColor) !important;
--dark-menu-background-color: var(--Dark_BackgroundColor) !important;
--dark-menu-border-color: var(--Dark_BorderColor) !important;
--dark-menu-icon-opacity: 1 !important;
--dark-menuitem-hover-background-color: var(--Dark_ActiveColor) !important;
--menu-background-color: var(--Dark_BackgroundColor) !important;
--menu-border-color: var(--Dark_BackgroundColor) !important;
--menu-color: var(--Dark_TextColor) !important;
--menu-disabled-color: var(--Dark_DimmedColor) !important;
--menu-icon-opacity: 1 !important;
--menuitem-hover-background-color: var(--Dark_ActiveColor) !important;
/*Warnings and Errors*/
--dialog-warning-text-color: var(--Dark_TextColor) !important;
--error-text-color: rgb(252, 117, 102) !important;
/*--drag-drop-transition-duration: 0s !important;*/
/*Downloads*/
--downloads-item-height: 5.5em !important;
--downloads-item-font-size-factor: 0.9 !important;
--downloads-item-details-opacity: 0.6 !important;
/*Focus Colors*/
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color) !important;
--focus-outline-color: var(--Dark_ActiveColor) !important;
--focus-outline-width: 1px !important;
/*Identity Box*/
--identity-box-margin-inline: 4px !important;
--identity-box-label-opacity: 0.8 !important;
/*In-Content Colors*/
--in-content-accent-color-active: var(--Dark_ActiveColor) !important;
--in-content-box-background: var(--Dark_BackgroundColor) !important;
--in-content-box-background-odd: var(--Dark_ActiveColor) !important;
--in-content-box-border-color: var(--Dark_BorderColor) !important;
--in-content-box-info-background: var(--Dark_BackgroundColor) !important;
--in-content-border-color: var(--Dark_ActiveColor) !important;
--in-content-border-hover: var(--Dark_ActiveColor) !important;
--in-content-border-invalid: var(--Dark_ActiveColor) !important;
--in-content-button-background: var(--Dark_BackgroundColor) !important;
--in-content-button-background-active: var(--Dark_ActiveColor) !important;
--in-content-button-background-hover: var(--Dark_ActiveColor) !important;
--in-content-button-border-radius: 2px !important;
--in-content-button-horizontal-padding: 5px !important;
--in-content-button-text-color-hover: var(--Dark_TextColor) !important;
--in-content-button-vertical-padding: 5px !important;
--in-content-danger-button-background: var(--Dark_ActiveColor) !important;
--in-content-danger-button-background-hover: var(
--Dark_ActiveColor
) !important;
--in-content-danger-button-background-active: var(
--Dark_ActiveColor
) !important;
--in-content-deemphasized-text: var(--Dark_DimmedColor) !important;
--in-content-dialog-header-background: var(--Dark_BackgroundColor) !important;
--in-content-focus-outline-color: var(--Dark_BorderColor) !important;
--in-content-icon-color: var(--Dark_TextColor) !important;
/*--in-content-item-hover: color-mix(
in srgb,
var(--in-content-primary-button-background) 20%,
transparent
) !important;*/
--in-content-item-selected: var(--Dark_ActiveColor) !important;
--in-content-item-selected-text: var(--Dark_TextColor) !important;
--in-content-link-color: var(--Dark_LinkColor) !important;
--in-content-link-color-hover: var(--Dark_LinkColor) !important;
--in-content-link-color-active: var(--Dark_LinkColor) !important;
--in-content-link-color-visited: var(--Dark_LinkColor) !important;
--in-content-page-color: var(--Dark_TextColor) !important;
--in-content-page-background: var(--Dark_BackgroundColor) !important;
--in-content-primary-button-text-color: var(--Dark_TextColor) !important;
--in-content-primary-button-background: var(
--Dark_BackgroundColor
) !important;
--in-content-primary-button-background-active: var(
--Dark_ActiveColor
) !important;
--in-content-primary-button-background-hover: var(
--Dark_ActiveColor
) !important;
--in-content-sidebar-width: 240px !important;
--in-content-table-background: var(--Dark_BackgroundColor) !important;
--in-content-table-border-dark-color: var(--Dark_BorderColor) !important;
--in-content-table-header-background: var(--Dark_ActiveColor) !important;
--in-content-text-color: var(--Dark_TextColor) !important;
--inline-tab-padding: 5px !important;
--input-color: var(--Dark_TextColor) !important;
--input-bgcolor: var(--Dark_BackgroundColor) !important;
--input-border-color: var(--Dark_BorderColor) !important;
--input-error-border-color: var(--Dark_BorderColor) !important;
--lwt-accent-color: var(--accent-color) !important;
--lwt-accent-color-inactive: var(--accent-color-inactive) !important;
--lwt-additional-images: none !important;
--lwt-background-alignment: right top !important;
--lwt-background-tiling: no-repeat !important;
--lwt-background-tab-separator-color: var(--Dark_ActiveColor) !important;
--lwt-popup-brighttext-url-color: var(--Dark_LinkColor) !important;
--lwt-selected-tab-background-color: var(--Dark_ActiveColor) !important;
--lwt-sidebar-background-color: var(--Dark_BackgroundColor) !important;
--lwt-sidebar-text-color: rgba(249, 249, 250, 1) !important;
--lwt-tab-text: var(--Dark_TextColor) !important;
--lwt-text-color: var(--Dark_TextColor) !important;
--lwt-toolbarbutton-icon-fill: var(--Dark_TextColor) !important;
--lwt-toolbarbutton-icon-fill-attention: var(
--attention-icon-color
) !important;
--lwt-toolbar-field-color: var(--Dark_TextColor) !important;
--lwt-toolbar-field-background-color: var(--Dark_BackgroundColor) !important;
--lwt-toolbar-field-border-color: var(--Dark_BorderColor) !important;
--lwt-toolbar-field-focus: var(--Dark_ActiveColor) !important;
--lwt-toolbar-field-focus-color: var(--Dark_TextColor) !important;
--lwt-toolbar-field-highlight: var(--Dark_ActiveColor) !important;
--lwt-toolbar-field-highlight-text: var(--Dark_TextColor) !important;
--message-bar-background-color: var(--Dark_BackgroundColor) !important;
--message-bar-text-color: var(--Dark_TextColor) !important;
--newtab-background-color: var(--Dark_BackgroundColor) !important;
--newtab-text-primary-color: var(--Dark_TextColor) !important;
--organizer-background-color-content: var(--Dark_ActiveColor) !important;
--organizer-border-color-selected: var(--Dark_BorderColor) !important;
--organizer-searchbox-border-active: var(--Dark_BorderColor) !important;
--organizer-searchbox-border-active-shadow: var(
--Dark_BorderColor
) !important;
--panel-banner-item-color: var(--Dark_TextColor) !important;
--panel-banner-item-background-color: var(--Dark_BackgroundColor) !important;
--panel-banner-item-active-bgcolor: var(--Dark_ActiveColor) !important;
--panel-banner-item-hover-bgcolor: var(--Dark_ActiveColor) !important;
--panel-banner-item-info-icon-bgcolor: var(--Dark_BackgroundColor) !important;
--panel-banner-item-update-supported-bgcolor: var(
--Dark_BackgroundColor
) !important;
--panel-banner-item-warning-icon-bgcolor: var(
--Dark_BackgroundColor
) !important;
--panel-description-color: rgba(255, 255, 255, 0.65) !important;
--panel-disabled-color: var(--Dark_DimmedColor) !important;
--panel-separator-color: var(--Dark_ActiveColor) !important;
--panel-separator-margin: 3px 6px !important;
--panel-separator-zap-gradient: linear-gradient(
90deg,
#004e92,
#aa076b,
#dc2430
) !important;
--panel-shortcut-color: var(--Dark_TextColor) !important;
--panel-subview-body-padding: 4px !important;
/*--panelui-subview-transition-duration: 300ms !important;*/
--panelview-toolbarbutton-active-color: var(--Dark_TextColor) !important;
--panelview-toolbarbutton-hover-color: var(--Dark_TextColor) !important;
--panelview-toolbarbutton-active-bgcolor: var(--Dark_ActiveColor) !important;
--panelview-toolbarbutton-hover-bgcolor: var(--Dark_ActiveColor) !important;
--panelview-toolbarbutton-focus-box-shadow: none !important;
--pinned-tab-width: 30px !important;
--popup-brighttext-url-color: var(--Dark_LinkColor) !important;
/*--popup-notification-body-width: calc(
31em - calc(2 * var(--arrowpanel-padding))
) !important;*/
--selected-tab-background-color: var(--Dark_ActiveColor) !important;
--short-notification-background: var(--Dark_BackgroundColor) !important;
--short-notification-gradient: linear-gradient(
90deg,
#004e92,
#aa076b,
#dc2430
) !important;
--sidebar-border-color: var(--Dark_BorderColor) !important;
--sidebar-background-color: var(--Dark_BackgroundColor) !important;
--sidebar-text-color: var(--Dark_TextColor) !important;
--space-above-tabbar: 0px !important;
--tab-border-radius: 0px !important;
--tab-line-color: var(--Dark_BackgroundColor) !important;
--tab-min-height: 28px !important;
--uc-toolbar-height: 28px;
--tab-shadow-max-size: 0px !important;
--tab-text: var(--Dark_TextColor) !important;
--tabs-border-color: var(--Dark_BackgroundColor) !important;
--tabs-navbar-shadow-size: 0px !important;
--tabpanel-background-color: var(--Dark_BackgroundColor) !important;
--text-color: var(--Dark_TextColor) !important;
--toolbar-bgcolor: var(--Dark_BackgroundColor) !important;
--toolbar-bgimage: none !important;
--toolbarbutton-icon-fill: var(--Dark_TextColor) !important;
--toolbarbutton-icon-fill-attention: var(--accent-color) !important;
--toolbar-field-color: var(--Dark_TextColor) !important;
--toolbar-field-background-color: var(--Dark_BackgroundColor) !important;
--toolbar-field-border-color: var(--Dark_BorderColor) !important;
--toolbar-field-focus: var(--Dark_ActiveColor) !important;
--toolbar-field-focus-color: var(--Dark_TextColor) !important;
--toolbar-field-focus-border-color: var(--Dark_BorderColor) !important;
--toolbar-field-highlight: var(--Dark_ActiveColor) !important;
--toolbar-field-highlight-text: var(--Dark_TextColor) !important;
--toolbar-color: var(--Dark_TextColor) !important;
--toolbar-non-lwt-bgcolor: var(--Dark_BackgroundColor) !important;
--toolbar-non-lwt-bgimage: none !important;
--toolbar-non-lwt-textcolor: var(--Dark_TextColor) !important;
--toolbar-start-end-padding: 0px !important;
--toolbarbutton-active-background: var(--Dark_ActiveColor) !important;
--toolbarbutton-hover-background: var(--Dark_ActiveColor) !important;
--toolbarbutton-border-radius: 4px !important;
--toolbarbutton-focus-outline: var(--focus-outline) !important;
/*--toolbarbutton-height: 0 !important;
--toolbarbutton-hover-transition-duration: 150ms !important;*/
--toolbarbutton-icon-fill-opacity: 1 !important;
--toolbarbutton-inner-padding: 3px !important;
/*calc(
(var(--tab-min-height) - 25px) / 2
) !important;*/
--toolbarbutton-outer-padding: 0px !important;
--toolbarbutton-vertical-text-padding: calc(
var(--toolbarbutton-inner-padding) - 1px
) !important;
--toolbarseparator-color: var(--Dark_ActiveColor) !important;
--urlbar-box-bgcolor: var(--Dark_BackgroundColor) !important;
--urlbar-box-hover-bgcolor: var(--Dark_BackgroundColor) !important;
--urlbar-box-active-bgcolor: var(--Dark_BackgroundColor) !important;
--urlbar-container-padding: 0px !important;
--urlbar-icon-padding: 3px /*calc((var(--tab-min-height) - 28px) / 2)*/ !important;
--urlbar-icon-fill-opacity: 1 !important;
--urlbar-min-height: 20px !important;
--urlbar-popup-action-color: var(--Dark_LinkColor) !important;
--urlbar-popup-url-color: var(--Dark_LinkColor) !important;
--urlbar-result-hover-bgcolor: var(--Dark_ActiveColor) !important;
--urlbar-separator-color: var(--Dark_ActiveColor) !important;
/*--urlbarView-action-slide-in-distance: 200px !important;*/
--urlbarView-button-background: var(--Dark_BackgroundColor) !important;
--urlbarView-button-background-hover: var(--Dark_ActiveColor) !important;
--urlbarView-button-background-active: var(--Dark_ActiveColor) !important;
--urlbarView-primary-button-text: var(--Dark_TextColor) !important;
--urlbarView-primary-button-background: var(
--Dark_BackgroundColor
) !important;
--urlbarView-primary-button-background-active: var(
--Dark_ActiveColor
) !important;
--urlbarView-primary-button-background-hover: var(
--Dark_ActiveColor
) !important;
--urlbarView-item-inline-padding: 5px
/*calc(
(var(--tab-min-height) - 28px) / 2
)*/ !important;
--zoom-controls-bgcolor: var(--Dark_BackgroundColor) !important;
}
#TabsToolbar {
--toolbarbutton-inner-padding: 3px !important;
}
/*New Tab Page*/
body[lwt-newtab-brighttext],
body {
--newtab-background-color: var(--Dark_BackgroundColor) !important;
--newtab-border-primary-color: var(--Dark_BorderColor) !important;
--newtab-border-secondary-color: var(--Dark_BorderColor) !important;
--newtab-button-primary-color: var(--Dark_BackgroundColor) !important;
--newtab-button-secondary-color: var(--Dark_BackgroundColor) !important;
--newtab-element-active-color: var(--Dark_ActiveColor) !important;
--newtab-element-hover-color: var(--Dark_ActiveColor) !important;
--newtab-icon-primary-color: var(--Dark_TextColor) !important;
--newtab-icon-secondary-color: rgba(249, 249, 250, 0.4) !important;
--newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4) !important;
--newtab-inner-box-shadow-color: var(--Dark_ActiveColor) !important;
--newtab-inner-box-shadow-color-nte: var(--Dark_ActiveColor) !important;
--newtab-tile-shadow-secondary: var(--Dark_ActiveColor) !important;
--newtab-link-primary-color: var(--Dark_LinkColor) !important;
--newtab-link-secondary-color: var(--Dark_LinkColor) !important;
--newtab-text-conditional-color: var(--Dark_TextColor) !important;
--newtab-text-primary-color: var(--Dark_TextColor) !important;
--newtab-text-secondary-color: rgba(249, 249, 250, 0.8) !important;
--newtab-textbox-background-color: var(--Dark_BackgroundColor) !important;
--newtab-textbox-border: var(--Dark_BorderColor) !important;
--newtab-textbox-focus-color: var(--Dark_TextColor) !important;
--newtab-textbox-focus-boxshadow: 0 0 0 1px var(--Dark_ActiveColor) !important;
--newtab-background-button-color: var(--Dark_BackgroundColor) !important;
--newtab-background-button-text-color: var(--Dark_TextColor) !important;
--newtab-background-button-hover-color: var(--Dark_ActiveColor) !important;
--newtab-background-button-active-color: var(--Dark_ActiveColor) !important;
--newtab-feed-button-background: var(--Dark_BackgroundColor) !important;
--newtab-feed-button-text: var(--Dark_TextColor) !important;
--newtab-feed-button-background-faded: var(--Dark_BackgroundColor) !important;
--newtab-feed-button-text-faded: var(--Dark_DimmedColor) !important;
--newtab-feed-button-spinner: var(--Dark_TextColor) !important;
--newtab-contextmenu-background-color: var(--Dark_BackgroundColor) !important;
--newtab-contextmenu-button-color: var(--Dark_BackgroundColor) !important;
--newtab-modal-color: var(--Dark_BackgroundColor) !important;
--newtab-overlay-color: var(--Dark_BackgroundColor) !important;
--newtab-section-header-text-color: var(--Dark_TextColor) !important;
--newtab-section-navigation-text-color: var(--Dark_TextColor) !important;
--newtab-section-active-contextmenu-color: var(--Dark_TextColor) !important;
--newtab-search-border-color: var(--Dark_BorderColor) !important;
--newtab-search-dropdown-color: var(--Dark_BackgroundColor) !important;
--newtab-search-dropdown-header-color: var(--Dark_BackgroundColor) !important;
--newtab-search-header-background-color: var(
--Dark_BackgroundColor
) !important;
--newtab-search-icon-color: var(--Dark_TextColor) !important;
--newtab-search-wordmark-color: var(--Dark_TextColor) !important;
--newtab-topsites-background-color: var(--Dark_BackgroundColor) !important;
--newtab-topsites-icon-shadow: none !important;
--newtab-topsites-label-color: var(--Dark_TextColor) !important;
--newtab-topsites-outer-card-hover: var(--Dark_ActiveColor) !important;
--newtab-topsites-context-menu-hover: var(--Dark_ActiveColor) !important;
--newtab-card-active-outline-color: var(--Dark_ActiveColor) !important;
--newtab-card-background-color: var(--Dark_BackgroundColor) !important;
--newtab-card-hairline-color: var(--Dark_BackgroundColor) !important;
--newtab-card-placeholder-color: var(--Dark_BackgroundColor) !important;
--newtab-card-shadow: 0 1px 8px 0 var(--Dark_BackgroundColor) !important;
--newtab-snippets-background-color: var(--Dark_BackgroundColor) !important;
--newtab-snippets-hairline-color: var(--Dark_ActiveColor) !important;
--newtab-background-primary-text-color: var(--Dark_TextColor) !important;
--newtab-focus-outline: var(--Dark_ActiveColor) !important;
--newtab-focus-border: var(--Dark_BorderColor) !important;
--newtab-focus-border-selected: var(--Dark_BorderColor) !important;
--newtab-primary-action-background: var(--Dark_BackgroundColor) !important;
--newtab-primary-action-background-off: var(
--Dark_BackgroundColor
) !important;
--newtab-seperator-line-color: var(--Dark_BorderColor) !important;
--customize-menu-primary-text-color: var(--Dark_TextColor) !important;
--customize-menu-check-fill: var(--Dark_TextColor) !important;
--customize-menu-background: var(--Dark_BackgroundColor) !important;
--customize-menu-secondary-action-background: var(
--Dark_BackgroundColor
) !important;
--customize-menu-secondary-action-background-hover: var(
--Dark_ActiveColor
) !important;
--customize-menu-secondary-action-background-active: var(
--Dark_ActiveColor
) !important;
--customize-menu-seperator-line-color: var(--Dark_BorderColor) !important;
--customize-menu-first-shadow: var(--Dark_BackgroundColor) !important;
--customize-menu-second-shadow: var(--Dark_BackgroundColor) !important;
--customize-menu-primary-action-text: var(--Dark_TextColor) !important;
--customize-menu-line-color: var(--Dark_BorderColor) !important;
--newtab-search-first-shadow: var(--Dark_BackgroundColor) !important;
--newtab-search-second-shadow: var(--Dark_BackgroundColor) !important;
--newtab-search-text-color: var(--Dark_DimmedColor) !important;
--newtab-card-first-shadow: var(--Dark_BackgroundColor) !important;
--newtab-card-second-shadow: var(--Dark_BackgroundColor) !important;
--newtab-wordmark-color: var(--Dark_TextColor) !important;
}
/*About:, Chrome:, and Extension Pages*/
/*https://github.com/aminomancer/uc.css.js/blob/master/userContent.css#L1402*/
/*regexp("^(about:|chrome:|moz-extension:).*")*/
@-moz-document regexp("^(about:|chrome:).*") {
:root {
--checkbox-border-color: var(--Dark_BorderColor) !important;
--checkbox-checked-bgcolor: var(--Dark_BackgroundColor) !important;
--checkbox-checked-color: var(--Dark_TextColor) !important;
--checkbox-checked-hover-bgcolor: var(--Dark_ActiveColor) !important;
--checkbox-checked-active-bgcolor: var(--Dark_ActiveColor) !important;
--checkbox-checked-border-color: var(--Dark_BorderColor) !important;
--checkbox-unchecked-bgcolor: var(--Dark_BackgroundColor) !important;
--checkbox-unchecked-hover-bgcolor: var(--Dark_ActiveColor) !important;
--checkbox-unchecked-active-bgcolor: var(--Dark_ActiveColor) !important;
}
html:not([role="dialog"]),
html:not([role="dialog"]) *,
html:not([role="dialog"]) body.activity-stream,
window:not([chromehidden]),
window:not([chromehidden]) > dialog {
--in-content-accent-color-active: var(--Dark_ActiveColor) !important;
--in-content-box-background: var(--Dark_BackgroundColor) !important;
--in-content-box-background-odd: var(--Dark_ActiveColor) !important;
--in-content-box-border-color: var(--Dark_BorderColor) !important;
--in-content-box-info-background: var(--Dark_BackgroundColor) !important;
--in-content-border-color: var(--Dark_ActiveColor) !important;
--in-content-border-hover: var(--Dark_ActiveColor) !important;
--in-content-border-invalid: var(--Dark_ActiveColor) !important;
--in-content-button-background: var(--Dark_ActiveColor) !important;
--in-content-button-background-active: var(--Dark_ActiveColor) !important;
--in-content-button-background-hover: var(--Dark_ActiveColor) !important;
--in-content-button-border-radius: 2px !important;
--in-content-button-horizontal-padding: 5px !important;
--in-content-button-text-color-hover: var(--Dark_TextColor) !important;
--in-content-button-vertical-padding: 5px !important;
--in-content-danger-button-background: var(--Dark_ActiveColor) !important;
--in-content-danger-button-background-hover: var(
--Dark_ActiveColor
) !important;
--in-content-danger-button-background-active: var(
--Dark_ActiveColor
) !important;
--in-content-deemphasized-text: var(--Dark_DimmedColor) !important;
--in-content-dialog-header-background: var(
--Dark_BackgroundColor
) !important;
--in-content-focus-outline-color: var(--Dark_BorderColor) !important;
--in-content-icon-color: var(--Dark_TextColor) !important;
/*--in-content-item-hover: color-mix(
in srgb,
var(--in-content-primary-button-background) 20%,
transparent
) !important;*/
--in-content-item-selected: var(--Dark_ActiveColor) !important;
--in-content-item-selected-text: var(--Dark_TextColor) !important;
--in-content-link-color: var(--Dark_LinkColor) !important;
--in-content-link-color-hover: var(--Dark_LinkColor) !important;
--in-content-link-color-active: var(--Dark_LinkColor) !important;
--in-content-link-color-visited: var(--Dark_LinkColor) !important;
--in-content-page-color: var(--Dark_TextColor) !important;
--in-content-page-background: var(--Dark_BackgroundColor) !important;
--in-content-primary-button-text-color: var(--Dark_TextColor) !important;
--in-content-primary-button-background: var(
--Dark_BackgroundColor
) !important;
--in-content-primary-button-background-active: var(
--Dark_ActiveColor
) !important;
--in-content-primary-button-background-hover: var(
--Dark_ActiveColor
) !important;
--in-content-sidebar-width: 240px !important;
--in-content-table-background: var(--Dark_BackgroundColor) !important;
--in-content-table-border-dark-color: var(--Dark_BorderColor) !important;
--in-content-table-header-background: var(--Dark_ActiveColor) !important;
--in-content-text-color: var(--Dark_TextColor) !important;
}
/*Remove Separator, Change font in about:preferences iframes*/
.groove {
display: none !important;
}
window > dialog,
.button-box > .button-text {
font-family: Fira Sans !important;
}
}
/*PDF VIEWER*/
:root {
--dropdown-btn-bg-color: var(--Dark_BackgroundColor) !important;
--doorhanger-bg-color: var(--Dark_BackgroundColor) !important;
--doorhanger-border-color: var(--Dark_BorderColor) !important;
--doorhanger-hover-color: var(--Dark_TextColor) !important;
--doorhanger-hover-bg-color: var(--Dark_ActiveColor) !important;
--doorhanger-separator-color: var(--Dark_ActiveColor) !important;
--overlay-button-bg-color: var(--Dark_BackgroundColor) !important;
--overlay-button-hover-bg-color: var(--Dark_ActiveColor) !important;
}
/*MENU POPUPS*/
menupopup {
--dark-menu-color: var(--Dark_TextColor) !important;
--dark-menu-disabled-color: var(--Dark_DimmedColor) !important;
--dark-menu-background-color: var(--Dark_BackgroundColor) !important;
--dark-menu-border-color: var(--Dark_BorderColor) !important;
--dark-menu-icon-opacity: 1 !important;
--dark-menuitem-hover-background-color: var(--Dark_ActiveColor) !important;
--menu-background-color: var(--Dark_BackgroundColor) !important;
--menu-border-color: var(--Dark_BackgroundColor) !important;
--menu-color: var(--Dark_TextColor) !important;
--menu-disabled-color: var(--Dark_DimmedColor) !important;
--menu-icon-opacity: 1 !important;
--menuitem-hover-background-color: var(--Dark_ActiveColor) !important;
}
/*Notifications*/
notification {
background: var(--Dark_BackgroundColor) !important;
color: var(--Dark_TextColor) !important;
}