-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathDebug.js
More file actions
791 lines (771 loc) · 107 KB
/
Debug.js
File metadata and controls
791 lines (771 loc) · 107 KB
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
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
/* Downloads all modificative values of the current selected theme to a file */
function DownloadTheme(full=false) {
wordfilter2 = getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--icon-filter-hover")
if ( wordfilter2 == "" ) {
wordfilter2 == 'initial'
}
var fon1 = GetCustomFont();
var fon2 = GetCustomFont4();
var fon3 = GetCustomFont2();
var fon4 = GetCustomFont3();
if (full) { // For use without Theme Management
result = '.visualcolors-standard.theme-A {\n' + // Beginning
// Body BG
'--desktop-background-image:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-image") + ';\n' +
'--desktop-background-image-filter:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-image-filter") + ';\n' +
'--desktop-background-image-blend-mode:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-image-blend-mode") + ';\n' +
// Body Color
'--desktop-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-color") + ';\n' +
'--desktop-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-color-hover") + ';\n' +
'--desktop-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-fadeout-color") + ';\n' +
'--desktop-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-gradient-color") + ';\n' +
'--desktop-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-gradient-color-hover") + ';\n' +
'--desktop-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-foreground-color") + ';\n' +
'--desktop-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-foreground-color-hover") + ';\n' +
'--desktop-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-foreground-color-inverted") + ';\n' +
'--desktop-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-alternative-foreground-color") + ';\n' +
'--desktop-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-alternative-foreground-color-hover") + ';\n' +
'--desktop-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-color-rgb") + ';\n' +
'--desktop-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-color-hover-rgb") + ';\n' +
'--desktop-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-foreground-color-rgb") + ';\n' +
'--desktop-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-foreground-color-hover-rgb") + ';\n' +
'--desktop-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-foreground-color-inverted-rgb") + ';\n' +
'--desktop-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-alternative-foreground-color-rgb") + ';\n' +
'--desktop-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-alternative-foreground-color-hover-rgb") + ';\n' +
// Superbar Text Color
'--desktop-text-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-background-color") + ';\n' +
'--desktop-text-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-background-color-hover") + ';\n' +
'--desktop-text-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-fadeout-color") + ';\n' +
'--desktop-text-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-gradient-color") + ';\n' +
'--desktop-text-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-gradient-color-hover") + ';\n' +
'--desktop-text-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-foreground-color") + ';\n' +
'--desktop-text-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-foreground-color-hover") + ';\n' +
'--desktop-text-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-alternative-foreground-color") + ';\n' +
'--desktop-text-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-alternative-foreground-color-hover") + ';\n' +
'--desktop-text-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-background-color-rgb") + ';\n' +
'--desktop-text-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-background-color-hover-rgb") + ';\n' +
'--desktop-text-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-foreground-color-rgb") + ';\n' +
'--desktop-text-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-foreground-color-hover-rgb") +
';\n' +
'--desktop-text-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-alternative-foreground-color-rgb") + ';\n' +
'--desktop-text-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-text-alternative-foreground-color-hover-rgb") + ';\n' +
// Body BG Settings
'--desktop-background-size:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-size") + ';\n' +
'--desktop-background-horizontal-alignment:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-horizontal-alignment") + ';\n' +
'--desktop-background-vertical-alignment:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-vertical-alignment") + ';\n' +
'--desktop-background-no-horizontal-tiling:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-no-horizontal-tiling") + ';\n' +
'--desktop-background-no-vertical-tiling:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-background-no-vertical-tiling") + ';\n' +
// Page Color
'--canvas-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-background-color") + ';\n' +
'--canvas-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-background-color-hover") + ';\n' +
'--canvas-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-fadeout-color") + ';\n' +
'--canvas-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-gradient-color") + ';\n' +
'--canvas-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-gradient-color-hover") + ';\n' +
'--canvas-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-foreground-color") + ';\n' +
'--canvas-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-foreground-color-hover") + ';\n' +
'--canvas-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-foreground-color-inverted") + ';\n' +
'--canvas-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-alternative-foreground-color") + ';\n' +
'--canvas-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-alternative-foreground-color-hover") + ';\n' +
'--canvas-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-background-color-rgb") + ';\n' +
'--canvas-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-background-color-hover-rgb") + ';\n' +
'--canvas-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-foreground-color-rgb") + ';\n' +
'--canvas-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-foreground-color-hover-rgb") + ';\n' +
'--canvas-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-foreground-color-inverted-rgb") + ';\n' +
'--canvas-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-alternative-foreground-color-rgb") + ';\n' +
'--canvas-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-alternative-foreground-color-hover-rgb") + ';\n' +
'--canvas-tabs-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-tabs-background-color") + ';\n' +
'--canvas-tabs-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-tabs-opacity") + ';\n' +
'--canvas-active-tabs-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-active-tabs-opacity") + ';\n' +
// 2nd Page Color
'--canvas-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-background-color") + ';\n' +
'--canvas-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-background-color-hover") + ';\n' +
'--canvas-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-fadeout-color") + ';\n' +
'--canvas-secondary-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-gradient-color") + ';\n' +
'--canvas-secondary-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-gradient-color-hover") + ';\n' +
'--canvas-secondary-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-foreground-color") + ';\n' +
'--canvas-secondary-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-foreground-color-hover") + ';\n' +
'--canvas-secondary-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-foreground-color-inverted") + ';\n' +
'--canvas-secondary-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-alternative-foreground-color") + ';\n' +
'--canvas-secondary-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-alternative-foreground-color-hover") + ';\n' +
'--canvas-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-background-color-rgb") + ';\n' +
'--canvas-secondary-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-background-color-hover-rgb") + ';\n' +
'--canvas-secondary-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-foreground-color-rgb") + ';\n' +
'--canvas-secondary-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-foreground-color-hover-rgb") + ';\n' +
'--canvas-secondary-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-foreground-color-inverted-rgb") + ';\n' +
'--canvas-secondary-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-alternative-foreground-color-rgb") + ';\n' +
'--canvas-secondary-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-secondary-alternative-foreground-color-hover-rgb") + ';\n' +
// Page Border Color
'--inactive-text-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-background-color") + ';\n' +
'--inactive-text-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-background-color-hover") + ';\n' +
'--inactive-text-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-fadeout-color") + ';\n' +
'--inactive-text-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-gradient-color") + ';\n' +
'--inactive-text-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-gradient-color-hover") + ';\n' +
'--inactive-text-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-foreground-color") + ';\n' +
'--inactive-text-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-foreground-color-inverted") + ';\n' +
'--inactive-text-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-foreground-color-hover") + ';\n' +
'--inactive-text-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-alternative-foreground-color") + ';\n' +
'--inactive-text-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-alternative-foreground-color-hover") + ';\n' +
'--inactive-text-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-background-color-rgb") + ';\n' +
'--inactive-text-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-background-color-hover-rgb") + ';\n' +
'--inactive-text-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-foreground-color-rgb") + ';\n' +
'--inactive-text-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-foreground-color-hover-rgb") + ';\n' +
'--inactive-text-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-foreground-color-inverted-rgb") + ';\n' +
'--inactive-text-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-alternative-foreground-color-rgb") + ';\n' +
'--inactive-text-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Page Border Color
'--inactive-text-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-secondary-background-color") + ';\n' +
'--inactive-text-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-secondary-background-color-hover") + ';\n' +
'--inactive-text-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-secondary-fadeout-color") + ';\n' +
'--inactive-text-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-secondary-background-color-rgb") + ';\n' +
// 3rd Page Border Color
'--inactive-text-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-tertiary-background-color") + ';\n' +
'--inactive-text-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-tertiary-background-color-hover") + ';\n' +
'--inactive-text-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-tertiary-fadeout-color") + ';\n' +
'--inactive-text-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-tertiary-background-color-rgb") + ';\n' +
// 4th Page Border Color
'--inactive-text-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-quaternary-background-color") + ';\n' +
'--inactive-text-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-quaternary-background-color-hover") + ';\n' +
'--inactive-text-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-quaternary-fadeout-color") + ';\n' +
'--inactive-text-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-text-quaternary-background-color-rgb") + ';\n' +
// Secondary Page Border Color
'--active-text-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-background-color") + ';\n' +
'--active-text-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-background-color-hover") + ';\n' +
'--active-text-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-fadeout-color") + ';\n' +
'--active-text-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-gradient-color") + ';\n' +
'--active-text-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-gradient-color-hover") + ';\n' +
'--active-text-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-foreground-color") + ';\n' +
'--active-text-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-foreground-color-hover") + ';\n' +
'--active-text-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-foreground-color-inverted") + ';\n' +
'--active-text-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-alternative-foreground-color") + ';\n' +
'--active-text-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-alternative-foreground-color-hover") + ';\n' +
'--active-text-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-background-color-rgb") + ';\n' +
'--active-text-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-background-color-hover-rgb") + ';\n' +
'--active-text-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-foreground-color-rgb") + ';\n' +
'--active-text-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-foreground-color-hover-rgb") + ';\n' +
'--active-text-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-foreground-color-inverted-rgb") + ';\n' +
'--active-text-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-alternative-foreground-color-rgb") + ';\n' +
'--active-text-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Secondary Page Border Color
'--active-text-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-secondary-background-color") + ';\n' +
'--active-text-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-secondary-background-color-hover") + ';\n' +
'--active-text-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-secondary-fadeout-color") + ';\n' +
'--active-text-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-secondary-background-color-rgb") + ';\n' +
// 3rd Secondary Page Border Color
'--active-text-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-tertiary-background-color") + ';\n' +
'--active-text-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-tertiary-background-color-hover") + ';\n' +
'--active-text-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-tertiary-fadeout-color") + ';\n' +
'--active-text-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-tertiary-background-color-rgb") + ';\n' +
// 4th Secondary Page Border Color
'--active-text-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-quaternary-background-color") + ';\n' +
'--active-text-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-quaternary-background-color-hover") + ';\n' +
'--active-text-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-quaternary-fadeout-color") + ';\n' +
'--active-text-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-text-quaternary-background-color-rgb") + ';\n' +
// Page Text Color
'--canvas-text-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-background-color") + ';\n' +
'--canvas-text-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-background-color-hover") + ';\n' +
'--canvas-text-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-fadeout-color") + ';\n' +
'--canvas-text-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-gradient-color") + ';\n' +
'--canvas-text-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-gradient-color-hover") + ';\n' +
'--canvas-text-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-foreground-color") + ';\n' +
'--canvas-text-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-foreground-color-hover") + ';\n' +
'--canvas-text-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-foreground-color-inverted") + ';\n' +
'--canvas-text-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-alternative-foreground-color") + ';\n' +
'--canvas-text-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-alternative-foreground-color-hover") + ';\n' +
'--canvas-text-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-background-color-rgb") + ';\n' +
'--canvas-text-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-background-color-hover-rgb") + ';\n' +
'--canvas-text-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-foreground-color-rgb") + ';\n' +
'--canvas-text-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-foreground-color-hover-rgb") + ';\n' +
'--canvas-text-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-foreground-color-inverted-rgb") + ';\n' +
'--canvas-text-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-alternative-foreground-color-rgb") + ';\n' +
'--canvas-text-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Page Text Color
'--canvas-text-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-background-color") + ';\n' +
'--canvas-text-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-background-color-hover") + ';\n' +
'--canvas-text-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-fadeout-color") + ';\n' +
'--canvas-text-secondary-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-gradient-color") + ';\n' +
'--canvas-text-secondary-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-gradient-color-hover") + ';\n' +
'--canvas-text-secondary-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-foreground-color") + ';\n' +
'--canvas-text-secondary-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-foreground-color-hover") + ';\n' +
'--canvas-text-secondary-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-foreground-color-inverted") + ';\n' +
'--canvas-text-secondary-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-alternative-foreground-color") + ';\n' +
'--canvas-text-secondary-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-alternative-foreground-color-hover") + ';\n' +
'--canvas-text-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-background-color-rgb") + ';\n' +
'--canvas-text-secondary-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-background-color-hover-rgb") + ';\n' +
'--canvas-text-secondary-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-foreground-color-rgb") + ';\n' +
'--canvas-text-secondary-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-foreground-color-hover-rgb") + ';\n' +
'--canvas-text-secondary-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-foreground-color-inverted-rgb") + ';\n' +
'--canvas-text-secondary-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-alternative-foreground-color-rgb") + ';\n' +
'--canvas-text-secondary-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--canvas-text-secondary-alternative-foreground-color-hover-rgb") + ';\n' +
// Accent Color
'--highlight-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-background-color") + ';\n' +
'--highlight-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-background-color-hover") + ';\n' +
'--highlight-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-fadeout-color") + ';\n' +
'--highlight-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-gradient-color") + ';\n' +
'--highlight-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-gradient-color-hover") + ';\n' +
'--highlight-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-foreground-color") + ';\n' +
'--highlight-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-foreground-color-hover") + ';\n' +
'--highlight-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-foreground-color-inverted") + ';\n' +
'--highlight-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-alternative-foreground-color") + ';\n' +
'--highlight-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-alternative-foreground-color-hover") + ';\n' +
'--highlight-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-background-color-rgb") + ';\n' +
'--highlight-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-background-color-hover-rgb") + ';\n' +
'--highlight-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-foreground-color-rgb") + ';\n' +
'--highlight-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-foreground-color-hover-rgb") + ';\n' +
'--highlight-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-foreground-color-inverted-rgb") + ';\n' +
'--highlight-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-alternative-foreground-color-rgb") + ';\n' +
'--highlight-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-alternative-foreground-color-hover-rgb") + ';\n' +
// Accent Text Color
'--highlight-text-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-background-color") + ';\n' +
'--highlight-text-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-background-color-hover") + ';\n' +
'--highlight-text-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-fadeout-color") + ';\n' +
'--highlight-text-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-gradient-color") + ';\n' +
'--highlight-text-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-gradient-color-hover") + ';\n' +
'--highlight-text-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-foreground-color") + ';\n' +
'--highlight-text-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-foreground-color-hover") + ';\n' +
'--highlight-text-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-foreground-color-inverted") + ';\n' +
'--highlight-text-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-alternative-foreground-color") + ';\n' +
'--highlight-text-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-alternative-foreground-color-hover") + ';\n' +
'--highlight-text-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-background-color-rgb") + ';\n' +
'--highlight-text-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-background-color-hover-rgb") + ';\n' +
'--highlight-text-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-foreground-color-rgb") + ';\n' +
'--highlight-text-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-foreground-color-hover-rgb") + ';\n' +
'--highlight-text-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-foreground-color-inverted-rgb") + ';\n' +
'--highlight-text-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-alternative-foreground-color-rgb") + ';\n' +
'--highlight-text-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-text-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Accent Color
'--highlight-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-secondary-background-color") + ';\n' +
'--highlight-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-secondary-background-color-hover") + ';\n' +
'--highlight-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-secondary-fadeout-color") + ';\n' +
'--highlight-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-secondary-background-color-rgb") + ';\n' +
// 3rd Accent Color
'--highlight-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-tertiary-background-color") + ';\n' +
'--highlight-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-tertiary-background-color-hover") + ';\n' +
'--highlight-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-tertiary-fadeout-color") + ';\n' +
'--highlight-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-tertiary-background-color-rgb") + ';\n' +
// 4th Accent Color
'--highlight-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-quaternary-background-color") + ';\n' +
'--highlight-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-quaternary-background-color-hover") + ';\n' +
'--highlight-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-quaternary-fadeout-color") + ';\n' +
'--highlight-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--highlight-quaternary-background-color-rgb") + ';\n' +
// Secondary Accent Color
'--hyperlink-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-background-color") + ';\n' +
'--hyperlink-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-background-color-hover") + ';\n' +
'--hyperlink-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-fadeout-color") + ';\n' +
'--hyperlink-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-gradient-color") + ';\n' +
'--hyperlink-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-gradient-color-hover") + ';\n' +
'--hyperlink-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-foreground-color") + ';\n' +
'--hyperlink-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-foreground-color-hover") + ';\n' +
'--hyperlink-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-foreground-color-inverted") + ';\n' +
'--hyperlink-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-alternative-foreground-color") + ';\n' +
'--hyperlink-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-alternative-foreground-color-hover") + ';\n' +
'--hyperlink-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-background-color-rgb") + ';\n' +
'--hyperlink-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-background-color-hover-rgb") + ';\n' +
'--hyperlink-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-foreground-color-rgb") + ';\n' +
'--hyperlink-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-foreground-color-hover-rgb") + ';\n' +
'--hyperlink-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-foreground-color-inverted-rgb") + ';\n' +
'--hyperlink-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-alternative-foreground-color-rgb") + ';\n' +
'--hyperlink-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-alternative-foreground-color-hover-rgb") + ';\n' +
'--hyperlink-default-text-decoration:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-default-text-decoration") + ';\n' +
'--hyperlink-tabs-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-tabs-background-color") + ';\n' +
'--hyperlink-tabs-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-tabs-opacity") + ';\n' +
'--hyperlink-active-tabs-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-active-tabs-opacity") + ';\n' +
// 2nd Secondary Accent Color
'--hyperlink-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-secondary-background-color") + ';\n' +
'--hyperlink-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-secondary-background-color-hover") + ';\n' +
'--hyperlink-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-secondary-fadeout-color") + ';\n' +
'--hyperlink-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-secondary-background-color-rgb") + ';\n' +
'--hyperlink-secondary-default-text-decoration:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-secondary-default-text-decoration") + ';\n' +
// 3rd Secondary Accent Color
'--hyperlink-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-tertiary-background-color") + ';\n' +
'--hyperlink-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-tertiary-background-color-hover") + ';\n' +
'--hyperlink-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-tertiary-fadeout-color") + ';\n' +
'--hyperlink-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-tertiary-background-color-rgb") + ';\n' +
'--hyperlink-tertiary-default-text-decoration:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-tertiary-default-text-decoration") + ';\n' +
// 4th Secondary Accent Color
'--hyperlink-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-quaternary-background-color") + ';\n' +
'--hyperlink-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-quaternary-background-color-hover") + ';\n' +
'--hyperlink-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-quaternary-fadeout-color") + ';\n' +
'--hyperlink-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-quaternary-background-color-rgb") + ';\n' +
'--hyperlink-quaternary-default-text-decoration:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--hyperlink-quaternary-default-text-decoration") + ';\n' +
// Secondary Visited Accent Color
'--visited-hyperlink-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-background-color") + ';\n' +
'--visited-hyperlink-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-background-color-hover") + ';\n' +
'--visited-hyperlink-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-fadeout-color") + ';\n' +
'--visited-hyperlink-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-gradient-color") + ';\n' +
'--visited-hyperlink-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-gradient-color-hover") + ';\n' +
'--visited-hyperlink-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-foreground-color") + ';\n' +
'--visited-hyperlink-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-foreground-color-hover") + ';\n' +
'--visited-hyperlink-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-foreground-color-inverted") + ';\n' +
'--visited-hyperlink-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-alternative-foreground-color") + ';\n' +
'--visited-hyperlink-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-alternative-foreground-color-hover") + ';\n' +
'--visited-hyperlink-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-background-color-rgb") + ';\n' +
'--visited-hyperlink-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-background-color-hover-rgb") + ';\n' +
'--visited-hyperlink-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-foreground-color-rgb") + ';\n' +
'--visited-hyperlink-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-foreground-color-hover-rgb") + ';\n' +
'--visited-hyperlink-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-foreground-color-inverted-rgb") + ';\n' +
'--visited-hyperlink-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-alternative-foreground-color-rgb") + ';\n' +
'--visited-hyperlink-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Secondary Visited Accent Color
'--visited-hyperlink-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-secondary-background-color") + ';\n' +
'--visited-hyperlink-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-secondary-background-color-hover") + ';\n' +
'--visited-hyperlink-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-secondary-fadeout-color") + ';\n' +
'--visited-hyperlink-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-secondary-background-color-rgb") + ';\n' +
// 3rd Secondary Visited Accent Color
'--visited-hyperlink-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-tertiary-background-color") + ';\n' +
'--visited-hyperlink-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-tertiary-background-color-hover") + ';\n' +
'--visited-hyperlink-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-tertiary-fadeout-color") + ';\n' +
'--visited-hyperlink-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-tertiary-background-color-rgb") + ';\n' +
// 4th Secondary Visited Accent Color
'--visited-hyperlink-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-quaternary-background-color") + ';\n' +
'--visited-hyperlink-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-quaternary-background-color-hover") + ';\n' +
'--visited-hyperlink-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-quaternary-fadeout-color") + ';\n' +
'--visited-hyperlink-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--visited-hyperlink-quaternary-background-color-rgb") + ';\n' +
// Tertiary Accent Color
'--active-title-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-background-color") + ';\n' +
'--active-title-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-background-color-hover") + ';\n' +
'--active-title-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-fadeout-color") + ';\n' +
'--active-title-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-gradient-color") + ';\n' +
'--active-title-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-gradient-color-hover") + ';\n' +
'--active-title-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-foreground-color") + ';\n' +
'--active-title-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-foreground-color-hover") + ';\n' +
'--active-title-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-foreground-color-inverted") + ';\n' +
'--active-title-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-alternative-foreground-color") + ';\n' +
'--active-title-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-alternative-foreground-color-hover") + ';\n' +
'--active-title-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-background-color-rgb") + ';\n' +
'--active-title-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-background-color-hover-rgb") + ';\n' +
'--active-title-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-foreground-color-rgb") + ';\n' +
'--active-title-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-foreground-color-hover-rgb") + ';\n' +
'--active-title-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-foreground-color-inverted-rgb") + ';\n' +
'--active-title-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-alternative-foreground-color-rgb") + ';\n' +
'--active-title-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-alternative-foreground-color-hover-rgb") + ';\n' +
// Tertiary Accent Text Color
'--active-title-text-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-background-color") + ';\n' +
'--active-title-text-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-background-color-hover") + ';\n' +
'--active-title-text-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-fadeout-color") + ';\n' +
'--active-title-text-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-gradient-color") + ';\n' +
'--active-title-text-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-gradient-color-hover") + ';\n' +
'--active-title-text-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-foreground-color") + ';\n' +
'--active-title-text-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-foreground-color-hover") + ';\n' +
'--active-title-text-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-foreground-color-inverted") + ';\n' +
'--active-title-text-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-alternative-foreground-color") + ';\n' +
'--active-title-text-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-alternative-foreground-color-hover") + ';\n' +
'--active-title-text-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-background-color-rgb") + ';\n' +
'--active-title-text-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-background-color-hover-rgb") + ';\n' +
'--active-title-text-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-foreground-color-rgb") + ';\n' +
'--active-title-text-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-foreground-color-hover-rgb") + ';\n' +
'--active-title-text-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-foreground-color-inverted-rgb") + ';\n' +
'--active-title-text-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-alternative-foreground-color-rgb") + ';\n' +
'--active-title-text-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-text-alternative-foreground-color-hover-rgb") + ';\n' +
'--active-title-tabs-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-tabs-background-color") + ';\n' +
'--active-title-tabs-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-tabs-opacity") + ';\n' +
'--active-title-active-tabs-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-active-tabs-opacity") + ';\n' +
// 2nd Tertiary Accent Color
'--active-title-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-secondary-background-color") + ';\n' +
'--active-title-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-secondary-background-color-hover") + ';\n' +
'--active-title-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-secondary-fadeout-color") + ';\n' +
'--active-title-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-secondary-background-color-rgb") + ';\n' +
// 3rd Tertiary Accent Color
'--active-title-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-tertiary-background-color") + ';\n' +
'--active-title-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-tertiary-background-color-hover") + ';\n' +
'--active-title-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-tertiary-fadeout-color") + ';\n' +
'--active-title-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-tertiary-background-color-rgb") + ';\n' +
// 4th Tertiary Accent Color
'--active-title-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-quaternary-background-color") + ';\n' +
'--active-title-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-quaternary-background-color-hover") + ';\n' +
'--active-title-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-quaternary-fadeout-color") + ';\n' +
'--active-title-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--active-title-quaternary-background-color-rgb") + ';\n' +
// Quaternary Accent Color
'--inactive-title-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-background-color") + ';\n' +
'--inactive-title-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-background-color-hover") + ';\n' +
'--inactive-title-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-fadeout-color") + ';\n' +
'--inactive-title-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-gradient-color") + ';\n' +
'--inactive-title-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-gradient-color-hover") + ';\n' +
'--inactive-title-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-foreground-color") + ';\n' +
'--inactive-title-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-foreground-color-hover") + ';\n' +
'--inactive-title-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-foreground-color-inverted") + ';\n' +
'--inactive-title-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-alternative-foreground-color") + ';\n' +
'--inactive-title-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-alternative-foreground-color-hover") + ';\n' +
'--inactive-title-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-background-color-rgb") + ';\n' +
'--inactive-title-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-background-color-hover-rgb") + ';\n' +
'--inactive-title-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-foreground-color-rgb") + ';\n' +
'--inactive-title-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-foreground-color-hover-rgb") + ';\n' +
'--inactive-title-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-foreground-color-inverted-rgb") + ';\n' +
'--inactive-title-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-alternative-foreground-color-rgb") + ';\n' +
'--inactive-title-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-alternative-foreground-color-hover-rgb") + ';\n' +
// Quaternary Accent Text Color
'--inactive-title-text-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-background-color") + ';\n' +
'--inactive-title-text-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-background-color-hover") + ';\n' +
'--inactive-title-text-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-fadeout-color") + ';\n' +
'--inactive-title-text-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-gradient-color") + ';\n' +
'--inactive-title-text-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-gradient-color-hover") + ';\n' +
'--inactive-title-text-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-foreground-color") + ';\n' +
'--inactive-title-text-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-foreground-color-hover") + ';\n' +
'--inactive-title-text-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-foreground-color-inverted") + ';\n' +
'--inactive-title-text-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-alternative-foreground-color") + ';\n' +
'--inactive-title-text-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-alternative-foreground-color-hover") + ';\n' +
'--inactive-title-text-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-background-color-rgb") + ';\n' +
'--inactive-title-text-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-background-color-hover-rgb") + ';\n' +
'--inactive-title-text-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-foreground-color-rgb") + ';\n' +
'--inactive-title-text-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-foreground-color-hover-rgb") + ';\n' +
'--inactive-title-text-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-foreground-color-inverted-rgb") + ';\n' +
'--inactive-title-text-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-alternative-foreground-color-rgb") + ';\n' +
'--inactive-title-text-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-text-alternative-foreground-color-hover-rgb") + ';\n' +
'--inactive-title-tabs-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-tabs-background-color") + ';\n' +
'--inactive-title-tabs-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-tabs-opacity") + ';\n' +
'--inactive-title-active-tabs-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--inactive-title-active-tabs-opacity") + ';\n' +
// Alert
'--alert-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-background-color") + ';\n' +
'--alert-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-background-color-hover") + ';\n' +
'--alert-background-color-hover-2:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-background-color-hover-2") + ';\n' +
'--alert-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-fadeout-color") + ';\n' +
'--alert-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-gradient-color") + ';\n' +
'--alert-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-gradient-color-hover") + ';\n' +
'--alert-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-foreground-color") + ';\n' +
'--alert-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-foreground-color-hover") + ';\n' +
'--alert-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-foreground-color-inverted") + ';\n' +
'--alert-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-alternative-foreground-color") + ';\n' +
'--alert-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-alternative-foreground-color-hover") + ';\n' +
'--alert-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-background-color-rgb") + ';\n' +
'--alert-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-foreground-color-rgb") + ';\n' +
'--alert-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-foreground-color-hover-rgb") + ';\n' +
'--alert-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-foreground-color-inverted-rgb") + ';\n' +
'--alert-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-alternative-foreground-color-rgb") + ';\n' +
'--alert-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Alert Color
'--alert-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-secondary-background-color") + ';\n' +
'--alert-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-secondary-background-color-hover") + ';\n' +
'--alert-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-secondary-fadeout-color") + ';\n' +
'--alert-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-secondary-background-color-rgb") + ';\n' +
// 3rd Alert Color
'--alert-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-tertiary-background-color") + ';\n' +
'--alert-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-tertiary-background-color-hover") + ';\n' +
'--alert-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-tertiary-fadeout-color") + ';\n' +
'--alert-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-tertiary-background-color-rgb") + ';\n' +
// 4th Alert Color
'--alert-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-quaternary-background-color") + ';\n' +
'--alert-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-quaternary-background-color-hover") + ';\n' +
'--alert-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-quaternary-fadeout-color") + ';\n' +
'--alert-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--alert-quaternary-background-color-rgb") + ';\n' +
// Pause
'--pause-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-background-color") + ';\n' +
'--pause-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-background-color-hover") + ';\n' +
'--pause-background-color-hover-2:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-background-color-hover-2") + ';\n' +
'--pause-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-fadeout-color") + ';\n' +
'--pause-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-gradient-color") + ';\n' +
'--pause-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-gradient-color-hover") + ';\n' +
'--pause-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-foreground-color") + ';\n' +
'--pause-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-foreground-color-hover") + ';\n' +
'--pause-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-foreground-color-inverted") + ';\n' +
'--pause-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-alternative-foreground-color") + ';\n' +
'--pause-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-alternative-foreground-color-hover") + ';\n' +
'--pause-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-background-color-rgb") + ';\n' +
'--pause-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-foreground-color-rgb") + ';\n' +
'--pause-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-foreground-color-hover-rgb") + ';\n' +
'--pause-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-foreground-color-inverted-rgb") + ';\n' +
'--pause-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-alternative-foreground-color-rgb") + ';\n' +
'--pause-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Pause Color
'--pause-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-secondary-background-color") + ';\n' +
'--pause-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-secondary-background-color-hover") + ';\n' +
'--pause-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-secondary-fadeout-color") + ';\n' +
'--pause-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-secondary-background-color-rgb") + ';\n' +
// 3rd Pause Color
'--pause-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-tertiary-background-color") + ';\n' +
'--pause-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-tertiary-background-color-hover") + ';\n' +
'--pause-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-tertiary-fadeout-color") + ';\n' +
'--pause-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-tertiary-background-color-rgb") + ';\n' +
// 4th Pause Color
'--pause-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-quaternary-background-color") + ';\n' +
'--pause-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-quaternary-background-color-hover") + ';\n' +
'--pause-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-quaternary-fadeout-color") + ';\n' +
'--pause-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--pause-quaternary-background-color-rgb") + ';\n' +
// Warning
'--warning-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-background-color") + ';\n' +
'--warning-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-background-color-hover") + ';\n' +
'--warning-background-color-hover-2:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-background-color-hover-2") + ';\n' +
'--warning-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-fadeout-color") + ';\n' +
'--warning-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-gradient-color") + ';\n' +
'--warning-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-gradient-color-hover") + ';\n' +
'--warning-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-foreground-color") + ';\n' +
'--warning-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-foreground-color-hover") + ';\n' +
'--warning-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-foreground-color-inverted") + ';\n' +
'--warning-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-alternative-foreground-color") + ';\n' +
'--warning-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-alternative-foreground-color-hover") + ';\n' +
'--warning-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-background-color-rgb") + ';\n' +
'--warning-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-foreground-color-rgb") + ';\n' +
'--warning-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-foreground-color-hover-rgb") + ';\n' +
'--warning-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-foreground-color-inverted-rgb") + ';\n' +
'--warning-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-alternative-foreground-color-rgb") + ';\n' +
'--warning-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Warning Color
'--warning-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-secondary-background-color") + ';\n' +
'--warning-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-secondary-background-color-hover") + ';\n' +
'--warning-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-secondary-fadeout-color") + ';\n' +
'--warning-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-secondary-background-color-rgb") + ';\n' +
// 3rd Warning Color
'--warning-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-tertiary-background-color") + ';\n' +
'--warning-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-tertiary-background-color-hover") + ';\n' +
'--warning-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-tertiary-fadeout-color") + ';\n' +
'--warning-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-tertiary-background-color-rgb") + ';\n' +
// 4th Warning Color
'--warning-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-quaternary-background-color") + ';\n' +
'--warning-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-quaternary-background-color-hover") + ';\n' +
'--warning-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-quaternary-fadeout-color") + ';\n' +
'--warning-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--warning-quaternary-background-color-rgb") + ';\n' +
// Success
'--success-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-background-color") + ';\n' +
'--success-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-background-color-hover") + ';\n' +
'--success-background-color-hover-2:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-background-color-hover-2") + ';\n' +
'--success-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-fadeout-color") + ';\n' +
'--success-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-gradient-color") + ';\n' +
'--success-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-gradient-color-hover") + ';\n' +
'--success-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-foreground-color") + ';\n' +
'--success-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-foreground-color-hover") + ';\n' +
'--success-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-foreground-color-inverted") + ';\n' +
'--success-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-alternative-foreground-color") + ';\n' +
'--success-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-alternative-foreground-color-hover") + ';\n' +
'--success-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-background-color-rgb") + ';\n' +
'--success-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-foreground-color-rgb") + ';\n' +
'--success-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-foreground-color-hover-rgb") + ';\n' +
'--success-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-foreground-color-inverted-rgb") + ';\n' +
'--success-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-alternative-foreground-color-rgb") + ';\n' +
'--success-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Success Color
'--success-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-secondary-background-color") + ';\n' +
'--success-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-secondary-background-color-hover") + ';\n' +
'--success-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-secondary-fadeout-color") + ';\n' +
'--success-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-secondary-background-color-rgb") + ';\n' +
// 3rd Success Color
'--success-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-tertiary-background-color") + ';\n' +
'--success-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-tertiary-background-color-hover") + ';\n' +
'--success-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-tertiary-fadeout-color") + ';\n' +
'--success-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-tertiary-background-color-rgb") + ';\n' +
// 4th Success Color
'--success-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-quaternary-background-color") + ';\n' +
'--success-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-quaternary-background-color-hover") + ';\n' +
'--success-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-quaternary-fadeout-color") + ';\n' +
'--success-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--success-quaternary-background-color-rgb") + ';\n' +
// Progress
'--progress-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-background-color") + ';\n' +
'--progress-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-background-color-hover") + ';\n' +
'--progress-background-color-hover-2:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-background-color-hover-2") + ';\n' +
'--progress-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-fadeout-color") + ';\n' +
'--progress-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-gradient-color") + ';\n' +
'--progress-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-gradient-color-hover") + ';\n' +
'--progress-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-foreground-color") + ';\n' +
'--progress-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-foreground-color-hover") + ';\n' +
'--progress-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-foreground-color-inverted") + ';\n' +
'--progress-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-alternative-foreground-color") + ';\n' +
'--progress-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-alternative-foreground-color-hover") + ';\n' +
'--progress-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-background-color-rgb") + ';\n' +
'--progress-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-foreground-color-rgb") + ';\n' +
'--progress-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-foreground-color-hover-rgb") + ';\n' +
'--progress-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-foreground-color-inverted-rgb") + ';\n' +
'--progress-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-alternative-foreground-color-rgb") + ';\n' +
'--progress-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Progress Color
'--progress-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-secondary-background-color") + ';\n' +
'--progress-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-secondary-background-color-hover") + ';\n' +
'--progress-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-secondary-fadeout-color") + ';\n' +
'--progress-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-secondary-background-color-rgb") + ';\n' +
// 3rd Progress Color
'--progress-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-tertiary-background-color") + ';\n' +
'--progress-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-tertiary-background-color-hover") + ';\n' +
'--progress-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-tertiary-fadeout-color") + ';\n' +
'--progress-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-tertiary-background-color-rgb") + ';\n' +
// 4th Progress Color
'--progress-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-quaternary-background-color") + ';\n' +
'--progress-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-quaternary-background-color-hover") + ';\n' +
'--progress-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-quaternary-fadeout-color") + ';\n' +
'--progress-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--progress-quaternary-background-color-rgb") + ';\n' +
// Message
'--message-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-background-color") + ';\n' +
'--message-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-background-color-hover") + ';\n' +
'--message-background-color-hover-2:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-background-color-hover-2") + ';\n' +
'--message-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-fadeout-color") + ';\n' +
'--message-gradient-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-gradient-color") + ';\n' +
'--message-gradient-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-gradient-color-hover") + ';\n' +
'--message-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-foreground-color") + ';\n' +
'--message-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-foreground-color-hover") + ';\n' +
'--message-foreground-color-inverted:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-foreground-color-inverted") + ';\n' +
'--message-alternative-foreground-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-alternative-foreground-color") + ';\n' +
'--message-alternative-foreground-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-alternative-foreground-color-hover") + ';\n' +
'--message-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-background-color-rgb") + ';\n' +
'--message-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-foreground-color-rgb") + ';\n' +
'--message-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-foreground-color-hover-rgb") + ';\n' +
'--message-foreground-color-inverted-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-foreground-color-inverted-rgb") + ';\n' +
'--message-alternative-foreground-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-alternative-foreground-color-rgb") + ';\n' +
'--message-alternative-foreground-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-alternative-foreground-color-hover-rgb") + ';\n' +
// 2nd Message Color
'--message-secondary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-secondary-background-color") + ';\n' +
'--message-secondary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-secondary-background-color-hover") + ';\n' +
'--message-secondary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-secondary-fadeout-color") + ';\n' +
'--message-secondary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-secondary-background-color-rgb") + ';\n' +
// 3rd Message Color
'--message-tertiary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-tertiary-background-color") + ';\n' +
'--message-tertiary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-tertiary-background-color-hover") + ';\n' +
'--message-tertiary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-tertiary-fadeout-color") + ';\n' +
'--message-tertiary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-tertiary-background-color-rgb") + ';\n' +
// 4th Message Color
'--message-quaternary-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-quaternary-background-color") + ';\n' +
'--message-quaternary-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-quaternary-background-color-hover") + ';\n' +
'--message-quaternary-fadeout-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-quaternary-fadeout-color") + ';\n' +
'--message-quaternary-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--message-quaternary-background-color-rgb") + ';\n' +
// Graph
'--cpu-graph-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--cpu-graph-background-color") + ';\n' +
'--cpu-graph-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--cpu-graph-background-color-hover") + ';\n' +
'--ram-graph-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--ram-graph-background-color") + ';\n' +
'--ram-graph-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--ram-graph-background-color-hover") + ';\n' +
'--disk-graph-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--disk-graph-background-color") + ';\n' +
'--disk-graph-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--disk-graph-background-color-hover") + ';\n' +
'--network-graph-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--network-graph-background-color") + ';\n' +
'--network-graph-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--network-graph-background-color-hover") + ';\n' +
'--gpu-graph-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--gpu-graph-background-color") + ';\n' +
'--gpu-graph-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--gpu-graph-background-color-hover") + ';\n' +
'--npu-graph-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--npu-graph-background-color") + ';\n' +
'--npu-graph-background-color-hover:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--npu-graph-background-color-hover") + ';\n' +
// Graph RGB
'--cpu-graph-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--cpu-graph-background-color-rgb") + ';\n' +
'--cpu-graph-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--cpu-graph-background-color-hover-rgb") + ';\n' +
'--ram-graph-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--ram-graph-background-color-rgb") + ';\n' +
'--ram-graph-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--ram-graph-background-color-hover-rgb") + ';\n' +
'--disk-graph-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--disk-graph-background-color-rgb") + ';\n' +
'--disk-graph-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--disk-graph-background-color-hover-rgb") + ';\n' +
'--network-graph-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--network-graph-background-color-rgb") + ';\n' +
'--network-graph-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--network-graph-background-color-hover-rgb") + ';\n' +
'--gpu-graph-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--gpu-graph-background-color-rgb") + ';\n' +
'--gpu-graph-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--gpu-graph-background-color-hover-rgb") + ';\n' +
'--npu-graph-background-color-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--npu-graph-background-color-rgb") + ';\n' +
'--npu-graph-background-color-hover-rgb:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--npu-graph-background-color-hover-rgb") + ';\n' +
// Font
'--custom-sans-serif-font:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--custom-sans-serif-font") + ';\n' +
'--custom-serif-font:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--custom-serif-font") + ';\n' +
'--custom-rounded-font:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--custom-rounded-font") + ';\n' +
'--custom-monospace-font:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--custom-monospace-font") + ';\n' +
// Border Radius
'--border-radius:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--border-radius") + ';\n' +
'--window-border-radius:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--window-border-radius") + ';\n' +
'--menu-border-radius:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--menu-border-radius") + ';\n' +
// Icon Filter
'--icon-filter:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--icon-filter") + ';\n' +
'--icon-filter-hover:' + wordfilter2 + ';\n' +
'--icon-filter-duration:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--icon-filter-duration") + ';\n' +
'--icon-filter-delay:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--icon-filter-delay") + ';\n' +
// Elements Opacity
'--system-acryllic-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--system-acryllic-opacity") + ';\n' +
'--system-mica-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--system-mica-opacity") + ';\n' +
// Generic Color Shift
'--system-generic-color-hue-shift:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--system-generic-color-hue-shift") + ';\n' +
'--system-generic-color-saturation:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--system-generic-color-saturation") + ';\n' +
// Icon Style
'--system-icon-style:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--system-icon-style") + ';\n' +
'--system-icon-font-family:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--system-icon-font-family") + ';\n' +
// Misc
'--mica-background-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--mica-background-color") + ';\n' +
'--fadeout-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--fadeout-opacity") + ';\n' +
'--disabled-elements-opacity:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--disabled-elements-opacity") + ';\n' +
'--desktop-filter:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--desktop-filter") + ';\n' +
'--screensaver-highlight-color:' + getComputedStyle(document.querySelector('body')).getPropertyValue("--screensaver-highlight-color") + ';\n' +
'}' // Ending
} else { // For use with Theme Management
result = '.visualcolors-standard.theme-A {\n' + // Beginning
'--desktop-background-image:' + GetDesktopImage() + ';\n' +
'--desktop-background-image-filter:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-background-image-filter") + ';\n' +
'--desktop-background-image-blend-mode:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-background-image-blend-mode") + ';\n' +
'--desktop-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-background-color") + ';\n' +
'--desktop-text-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-text-background-color") + ';\n' +
'--desktop-background-size:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-background-size") + ';\n' +
'--desktop-background-horizontal-alignment:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-background-horizontal-alignment") + ';\n' +
'--desktop-background-vertical-alignment:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-background-vertical-alignment") + ';\n' +
'--desktop-background-no-horizontal-tiling:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-background-no-horizontal-tiling") + ';\n' +
'--desktop-background-no-vertical-tiling:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--desktop-background-no-vertical-tiling") + ';\n' +
'--canvas-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--canvas-background-color") + ';\n' +
'--canvas-secondary-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--canvas-secondary-background-color") + ';\n' +
'--inactive-text-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--inactive-text-background-color") + ';\n' +
'--active-text-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--active-text-background-color") + ';\n' +
'--canvas-text-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--canvas-text-background-color") + ';\n' +
'--canvas-text-secondary-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--canvas-text-secondary-background-color") + ';\n' +
'--highlight-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--highlight-background-color") + ';\n' +
'--highlight-text-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--highlight-text-background-color") + ';\n' +
'--hyperlink-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--hyperlink-background-color") + ';\n' +
'--visited-hyperlink-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--visited-hyperlink-background-color") + ';\n' +
'--active-title-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--active-title-background-color") + ';\n' +
'--active-title-text-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--active-title-text-background-color") + ';\n' +
'--inactive-title-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--inactive-title-background-color") + ';\n' +
'--inactive-title-text-background-color:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--inactive-title-text-background-color") + ';\n' +
'--custom-sans-serif-font:' + fon1 + ';\n' +
'--custom-serif-font:' + fon2 + ';\n' +
'--custom-rounded-font:' + fon3 + ';\n' +
'--custom-monospace-font:' + fon4 + ';\n' +
'--border-radius:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--border-radius") + ';\n' +
'--icon-filter:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--icon-filter") + ';\n' +
'--icon-filter-hover:' + wordfilter2 + ';\n' +
'--icon-filter-duration:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--icon-filter-duration") + ';\n' +
'--icon-filter-delay:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--icon-filter-delay") + ';\n' +
'--system-acryllic-opacity:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--system-acryllic-opacity") + ';\n' +
'--system-generic-color-hue-shift:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--system-generic-color-hue-shift") + ';\n' +
'--system-generic-color-saturation:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--system-generic-color-hue-shift") + ';\n' +
'--system-icon-style:' + getComputedStyle(GetActiveThemeConfiguration()).getPropertyValue("--system-icon-style") + ';\n' +
'}' // Ending
}
alert('Once you save the file, put the stylesheet contents to MediaWiki:Common.css for use in the wiki or upload it to any website.');
DownloadData(result,'MyTheme','css');
}
/* File Downloader */
/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
var saveAs=saveAs||function(e){"use strict";if(typeof e==="undefined"||typeof navigator!=="undefined"&&/MSIE [1-9]\./.test(navigator.userAgent)){return}var t=e.document,n=function(){return e.URL||e.webkitURL||e},r=t.createElementNS("http://www.w3.org/1999/xhtml","a"),o="download"in r,a=function(e){var t=new MouseEvent("click");e.dispatchEvent(t)},i=/constructor/i.test(e.HTMLElement)||e.safari,f=/CriOS\/[\d]+/.test(navigator.userAgent),u=function(t){(e.setImmediate||e.setTimeout)(function(){throw t},0)},s="application/octet-stream",d=1e3*40,c=function(e){var t=function(){if(typeof e==="string"){n().revokeObjectURL(e)}else{e.remove()}};setTimeout(t,d)},l=function(e,t,n){t=[].concat(t);var r=t.length;while(r--){var o=e["on"+t[r]];if(typeof o==="function"){try{o.call(e,n||e)}catch(a){u(a)}}}},p=function(e){if(/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)){return new Blob([String.fromCharCode(65279),e],{type:e.type})}return e},v=function(t,u,d){if(!d){t=p(t)}var v=this,w=t.type,m=w===s,y,h=function(){l(v,"writestart progress write writeend".split(" "))},S=function(){if((f||m&&i)&&e.FileReader){var r=new FileReader;r.onloadend=function(){var t=f?r.result:r.result.replace(/^data:[^;]*;/,"data:attachment/file;");var n=e.open(t,"_blank");if(!n)e.location.href=t;t=undefined;v.readyState=v.DONE;h()};r.readAsDataURL(t);v.readyState=v.INIT;return}if(!y){y=n().createObjectURL(t)}if(m){e.location.href=y}else{var o=e.open(y,"_blank");if(!o){e.location.href=y}}v.readyState=v.DONE;h();c(y)};v.readyState=v.INIT;if(o){y=n().createObjectURL(t);setTimeout(function(){r.href=y;r.download=u;a(r);h();c(y);v.readyState=v.DONE});return}S()},w=v.prototype,m=function(e,t,n){return new v(e,t||e.name||"download",n)};if(typeof navigator!=="undefined"&&navigator.msSaveOrOpenBlob){return function(e,t,n){t=t||e.name||"download";if(!n){e=p(e)}return navigator.msSaveOrOpenBlob(e,t)}}w.abort=function(){};w.readyState=w.INIT=0;w.WRITING=1;w.DONE=2;w.error=w.onwritestart=w.onprogress=w.onwrite=w.onabort=w.onerror=w.onwriteend=null;return m}(typeof self!=="undefined"&&self||typeof window!=="undefined"&&window||this.content);if(typeof module!=="undefined"&&module.exports){module.exports.saveAs=saveAs}else if(typeof define!=="undefined"&&define!==null&&define.amd!==null){define("FileSaver.js",function(){return saveAs})}
/* Save File */
function saveFileAs(contents,fileType,fileName) {
/** Allow for downloading a file to a disk.
This relies the FileSaver.js library which exports saveAs()
Two utility methods saveImageAs and saveXMLAs should be used first.
*/
var blobIsSupported = false,
fileExt,
dialog;
// fileType is a <kind>/<ext>;<charset> format.
fileExt = fileType.split('/')[1].split(';')[0];
// handle text/plain as a .txt file
fileExt = '.' + (fileExt === 'plain' ? 'txt' : fileExt);
function dataURItoBlob(text, mimeType) {
var i,
data = text,
components = text.split(','),
hasTypeStr = text.indexOf('data:') === 0;
// Convert to binary data, in format Blob() can use.
if (hasTypeStr && components[0].indexOf('base64') > -1) {
text = atob(components[1]);
data = new Uint8Array(text.length);
i = text.length;
while (i--) {
data[i] = text.charCodeAt(i);
}
} else if (hasTypeStr) {
// not base64 encoded
text = text.replace(/^data:image\/.*?, */, '');
data = new Uint8Array(text.length);
i = text.length;
while (i--) {
data[i] = text.charCodeAt(i);
}
}
return new Blob([data], {type: mimeType });
}
try {
blobIsSupported = !!new Blob();
} catch (e) {}
if (blobIsSupported) {
if (!(contents instanceof Blob)) {
contents = dataURItoBlob(contents, fileType);
}
// download a file and delegate to FileSaver
// false: Do not preprend a BOM to the file.
saveAs(contents, fileName + fileExt, false);
} else {
prompt("Could not export" + fileName);
}
}
/* Download Data */
function DownloadData(contents,filename,ext) {
eval("saveFileAs(contents,\'text/"+ext+";charset=utf-8\', filename)");
}