-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstylus-2025-01-06.json
2265 lines (2265 loc) · 483 KB
/
stylus-2025-01-06.json
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
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
[
{
"settings": {
"disableAll": false,
"exposeIframes": false,
"exposeStyleName": false,
"keepAlive": 0,
"keepAliveIdle": false,
"newStyleAsUsercss": true,
"openEditInWindow": false,
"openEditInWindow.popup": false,
"patchCsp": true,
"show-badge": true,
"styleViaASS": false,
"styleViaXhr": false,
"urlInstaller": true,
"windowPosition": {},
"config.autosave": true,
"schemeSwitcher.enabled": "system",
"schemeSwitcher.nightStart": "18:00",
"schemeSwitcher.nightEnd": "06:00",
"popup.enabledFirst": true,
"popup.stylesFirst": true,
"popup.autoResort": false,
"popup.borders": false,
"popup.findSort": "w",
"manage.onlyEnabled": false,
"manage.onlyLocal": false,
"manage.onlyUsercss": false,
"manage.onlyEnabled.invert": false,
"manage.onlyLocal.invert": false,
"manage.onlyUsercss.invert": false,
"manage.actions.expanded": false,
"manage.backup.expanded": true,
"manage.filters.expanded": true,
"manage.links.expanded": true,
"manage.minColumnWidth": 750,
"manage.newUI": true,
"manage.newUI.favicons": true,
"manage.newUI.faviconsGray": false,
"manage.newUI.targets": 3,
"manage.newUI.sort": "title,asc",
"manage.searchMode": "meta",
"editor.options": {},
"editor.toc.expanded": true,
"editor.options.expanded": true,
"editor.options.style.expanded": true,
"editor.lint.expanded": false,
"editor.publish.expanded": true,
"editor.lineWrapping": true,
"editor.smartIndent": true,
"editor.indentWithTabs": false,
"editor.tabSize": 4,
"editor.keyMap": "vim",
"editor.theme": "default",
"editor.beautify": {
"selector_separator_newline": true,
"newline_before_open_brace": false,
"newline_after_open_brace": true,
"newline_between_properties": true,
"newline_before_close_brace": true,
"newline_between_rules": false,
"preserve_newlines": true,
"end_with_newline": false,
"indent_conditional": true,
"indent_mozdoc": true,
"space_around_combinator": true,
"space_around_cmp": false
},
"editor.beautify.hotkey": "",
"editor.lintDelay": 300,
"editor.linter": "csslint",
"editor.lintReportDelay": 500,
"editor.matchHighlight": "token",
"editor.autoCloseBrackets": true,
"editor.autocompleteOnTyping": false,
"editor.contextDelete": false,
"editor.selectByTokens": true,
"editor.arrowKeysTraverse": true,
"editor.appliesToLineWidget": true,
"editor.autosaveDraft": 10,
"editor.livePreview": true,
"editor.livePreview.delay": 0.2,
"editor.targetsFirst": true,
"editor.colorpicker": true,
"editor.colorpicker.hexUppercase": false,
"editor.colorpicker.hotkey": "",
"editor.colorpicker.color": "",
"editor.colorpicker.maxHeight": 300,
"hotkey._execute_browser_action": "",
"hotkey.openManage": "",
"hotkey.styleDisableAll": "",
"sync.enabled": "none",
"iconset": -1,
"badgeDisabled": "#8B0000",
"badgeNormal": "#006666",
"headerWidth.edit": 280,
"headerWidth.install": 280,
"headerWidth.manage": 280,
"popup.search.globals": false,
"popupWidth": 246,
"popupWidthMax": 280,
"updateInterval": 24,
"updateOnlyEnabled": false
},
"order": {
"main": [],
"prio": []
}
},
{
"enabled": true,
"installDate": 1736182764869,
"sections": [
{
"code": ""
}
],
"customName": "Stylus",
"sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach*\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"moz-extension://\"),\n url-prefix(\"chrome-extension://\") {\n :root {\n &[data-ui-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-ui-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c90: @base;\n --c95: @mantle;\n --c97: @mantle;\n --c98: @base;\n --c99: @base;\n --c100: @base;\n --red1: @red;\n --accent-1: @accent;\n --accent-2: @accent;\n --accent-3: fade(@accent, 25%);\n\n .slider {\n --color-on: fade(@accent, 25%);\n --color-off: @surface2;\n }\n\n :focus {\n --focus-color1: @accent !important;\n --focus-color2: fade(@accent, 25%) !important;\n }\n\n .active #filters-stats,\n .dirty #save-button,\n .dirty #save-button + button {\n background-color: @accent;\n border-color: @accent;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #message-box-title::before {\n @fade_color: fade(@accent, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{accent}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{accent}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n [src=\"moz-extension://8fc71d5e-96b2-44a4-8d6f-ead6ff4d3c56/images/icon/16.png\"],\n img[src=\"/images/icon/128.png\"] {\n @fade_color: fade(@accent, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{accent}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{accent}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #message-box.danger {\n #message-box-title {\n background-color: @red;\n color: @base;\n\n &::before {\n @fade_color: fade(@red, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{red}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{red}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n background: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n #message-box-close-icon i {\n color: var(--c40);\n &:hover {\n color: var(--bg);\n }\n }\n }\n\n #filters label:hover,\n #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after,\n .entry.usercss .style-name-link::after {\n background-color: fade(@accent, 25%);\n }\n\n /* Syntax highlighting */\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n .cm-s-default {\n .cm-string {\n color: @green;\n }\n .cm-qualifier {\n color: @yellow;\n }\n .cm-variable-2 {\n color: @mauve;\n }\n .cm-keyword {\n color: @mauve;\n }\n .cm-atom {\n color: @red;\n }\n .cm-number {\n color: @peach;\n }\n .cm-def {\n color: @mauve;\n }\n .cm-tag {\n color: @blue;\n }\n .cm-builtin {\n color: @red;\n }\n .cm-variable-3 {\n color: @teal;\n }\n .cm-comment {\n color: @overlay2;\n }\n .cm-operator {\n color: @yellow;\n }\n .cm-variable {\n color: @blue;\n }\n .cm-property {\n color: @blue;\n }\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border-color: @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n border-color: @surface0;\n &:hover {\n border-color: @text;\n }\n }\n #save-button[disabled] {\n background: @surface0 !important;\n }\n #message-box-title {\n color: @text;\n }\n .svg-icon {\n fill: @overlay0;\n\n &:hover {\n fill: @overlay1;\n }\n }\n .onoffswitch input:checked + span {\n background-color: fade(@accent, 25%);\n\n &::before {\n background-color: @accent;\n }\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @accent !important;\n }\n .installed .configure-usercss {\n i {\n color: @accent;\n }\n\n svg,\n &:hover svg {\n fill: @accent !important;\n }\n }\n #live-reload-install-hint {\n color: @teal;\n }\n #menu.delete {\n header {\n background: fade(@red, 25%);\n }\n\n > div,\n [data-cmd=\"delete\"] {\n border-color: @red;\n }\n }\n .entry.odd {\n background-color: fade(@surface0, 25%);\n }\n .updater-icons > :not(.check-update)::after {\n border-color: @yellow;\n background: @base;\n }\n .split-btn-menu {\n border-color: @accent;\n\n > :hover {\n background: fade(@accent, 25%);\n }\n }\n #help-popup .title {\n background: @mantle;\n }\n #toc li:hover {\n background: fade(@accent, 20%);\n }\n input:invalid {\n background: fade(@red, 10%);\n color: @red;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};",
"usercssData": {
"name": "Stylus Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/stylus",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
"version": "2024.12.31",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus",
"description": "Soothing pastel theme for Stylus",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": null,
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": null,
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": null,
"default": "peach",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Stylus",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less",
"name": "Stylus Catppuccin",
"updateDate": 1736183052762,
"_id": "55a495f5-1175-4b55-8a82-7134fc518091",
"_rev": 1736183052762,
"id": 1,
"preferScheme": "dark"
},
{
"enabled": true,
"installDate": 1736183125437,
"sections": [
{
"code": ""
}
],
"customName": "Youtube",
"sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 2025.01.05\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach*\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n\n@var checkbox logo \"Enable YouTube logo\" 1\n@var checkbox oled \"Enable black bars\" 1\n==/UserStyle== */\n@-moz-document domain(\"youtube.com\") {\n :root[dark] {\n #catppuccin(@darkFlavor);\n }\n :root:not([dark]) {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n @text-filter: @catppuccin-filters[@@flavor][@text];\n\n @white: if(@flavor =latte, @base, @text);\n @black: if(@flavor =latte, @text, @base);\n\n color-scheme: if(@flavor =latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n color: @text;\n background: @base !important;\n\n &,\n [dark],\n [system-icons],\n [darker-dark-theme],\n &[dark],\n &[system-icons],\n &[darker-dark-theme] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent !important;\n --yt-brand-medium-red: @accent !important;\n --yt-brand-light-red: @accent !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: @subtext0 !important;\n --yt-spec-black-pure-alpha-10: @overlay2 !important;\n --yt-spec-black-pure-alpha-15: fade(@crust, 85%) !important;\n --yt-spec-black-pure-alpha-30: fade(@crust, 70%) !important;\n --yt-spec-black-pure-alpha-60: fade(@crust, 40%) !important;\n --yt-spec-black-pure-alpha-80: fade(@crust, 20%) !important;\n --yt-spec-black-1-alpha-98: fade(@crust, 2%) !important;\n --yt-spec-black-1-alpha-95: fade(@crust, 5%) !important;\n --yt-spec-white-1-alpha-10: fade(@text, 90%) !important;\n --yt-spec-white-1-alpha-20: fade(@text, 80%) !important;\n --yt-spec-white-1-alpha-25: fade(@text, 75%) !important;\n --yt-spec-white-1-alpha-30: fade(@text, 70%) !important;\n --yt-spec-white-1-alpha-70: fade(@text, 30%) !important;\n --yt-spec-white-1-alpha-95: fade(@text, 5%) !important;\n --yt-spec-white-1-alpha-98: fade(@text, 2%) !important;\n --yt-brand-medium-red-alpha-90: fade(@accent, 10%) !important;\n --yt-brand-medium-red-alpha-30: fade(@accent, 70%) !important;\n --yt-brand-light-red-alpha-30: fade(@accent, 70%) !important;\n --yt-spec-light-blue-alpha-30: fade(@sapphire, 70%) !important;\n --yt-spec-dark-blue-alpha-30: fade(@sapphire, 70%) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @base !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fade(@surface1, 90%) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fade(@crust, 75%) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent !important;\n --yt-spec-call-to-action-inverse: @accent !important;\n --yt-spec-suggested-action: fade(@accent, 20%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @text !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent !important;\n --yt-spec-brand-icon-active: @accent !important;\n --yt-spec-brand-button-background: @accent !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @accent !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fade(@crust, 20%) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fade(@crust, 100%) !important;\n --yt-spec-static-clear-black: fade(@crust, 100%) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: @crust;\n --yt-spec-static-overlay-background-medium: fade(@crust, 50%) !important;\n --yt-spec-static-overlay-background-medium-light: fade( @crust,\n 70%) !important;\n --yt-spec-static-overlay-background-light: fade( @crust,\n 90%) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fade( @subtext0,\n 30%) !important;\n --yt-spec-static-overlay-text-disabled: fade( @subtext0,\n 70%) !important;\n --yt-spec-static-overlay-call-to-action: @accent !important;\n --yt-spec-static-overlay-icon-active-other: @crust !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @base !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @base !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface1 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if( @flavor =latte,\n @crust,\n @surface0) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fade(@sapphire, 70%) !important;\n --yt-spec-call-to-action-hover: @accent !important;\n --yt-spec-brand-button-background-hover: @accent !important;\n --yt-spec-brand-link-text-fadeoutd: fade( @accent,\n 70%) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fade(@text, 70%);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fade( @crust,\n 100%) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @text !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fade(@text, 46%) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent !important;\n --yt-live-chat-mention-background-color: @accent !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fade(@mantle, 50%);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fade( @mantle,\n 70%) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent !important;\n --yt-live-chat-slider-active-color: @accent !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient( @mantle,\n transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient( to top,\n @mantle,\n transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: fade( @crust,\n 50%) !important;\n --yt-live-chat-automod-button-explanation-color: fade( @accent,\n 30%) !important;\n --yt-live-chat-shimmer-background-color: fade(@crust, 60%) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient( 0deg,\n fade(@text, 90%) 40%,\n fade(@base, 70%) 50%,\n fade(@text, 90%) 60%) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fade(@text, 50%) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fade( @text,\n 70%) !important;\n --yt-live-chat-action-panel-background-color-transparent: (null) !important;\n\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* Links */\n --yt-endpoint-color: @accent !important;\n --yt-endpoint-visited-color: @accent !important;\n --yt-endpoint-hover-color: @accent !important;\n\n --sb-dark-red-outline: @accent !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent !important;\n }\n\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent !important;\n --light-primary-color: @accent !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent !important;\n --light-accent-color: @accent !important;\n --dark-accent-color: @accent !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n /* Misc */\n & when (@logo =0) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent !important;\n --yt-endpoint-visited-color: @accent !important;\n color: @accent !important;\n }\n\n .yt-page-navigation-progress {\n background: @accent !important;\n }\n\n /* Selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n #container.ytd-masthead {\n --iron-icon-fill-color: @text !important;\n }\n\n #background.ytd-masthead {\n --yt-frosted-glass-desktop: @base !important;\n }\n\n ytd-feed-filter-chip-bar-renderer[expand-instead-of-scroll] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n #ytd-player #container when (@oled =0) {\n background: @crust !important;\n }\n\n .ytp-progress-list when not(@flavor =latte) {\n background: fade(@surface0, 80%);\n }\n .ytp-load-progress when not(@flavor =latte) {\n background: fade(@overlay0, 100%);\n }\n\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent !important;\n --yt-button-payment-background-color: @accent !important;\n }\n\n yt-icon-button.yt-live-chat-item-list-renderer {\n background-color: @accent;\n color: @crust;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n\n ytd-author-comment-badge-renderer:not( [style*=\"--ytd-author-comment-badge-icon-background-color: transparent;\"]) {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n }\n\n /* Skeleton */\n #guide-skeleton,\n #home-container-skeleton,\n #home-chips {\n background-color: @base;\n z-index: -1;\n }\n\n #guide-skeleton .guide-ghost-icon,\n #guide-skeleton .guide-ghost-text,\n .masthead-skeleton-icon,\n #home-page-skeleton .skeleton-bg-color,\n .watch-skeleton .skeleton-bg-color {\n background-color: @surface1;\n }\n\n /* Ambient mode */\n #cinematics,\n #cinematic-container {\n mix-blend-mode: lighten;\n }\n\n .ytp-settings-button.ytp-hd-quality-badge::after,\n .ytp-settings-button.ytp-hdr-quality-badge::after,\n .ytp-settings-button.ytp-4k-quality-badge::after,\n .ytp-settings-button.ytp-5k-quality-badge::after,\n .ytp-settings-button.ytp-8k-quality-badge::after,\n .ytp-settings-button.ytp-3d-badge-grey::after,\n .ytp-settings-button.ytp-3d-badge::after {\n background-color: @accent;\n }\n\n /* Icons */\n [fill=\"red\"],\n [fill=\"#F00\"],\n [fill=\"#FF0000\"],\n [fill=\"#f03\"],\n [fill=\"#FF0033\"] {\n fill: @accent !important;\n }\n\n [fill=\"white\"] {\n fill: if(@flavor =latte, @base, @text) !important;\n }\n\n /* verification badge */\n [src*=\"https://www.gstatic.com/images/icons/material/system/1x/check_circle_grey600_36dp.png\"] {\n filter: @text-filter;\n }\n\n yt-icon.ytd-logo [fill=\"white\"] {\n fill: @crust !important;\n }\n\n .yt-spec-icon-shape {\n [fill=\"#FAFAFA\"],\n [fill=\"#000\"],\n [fill=\"#fff\"],\n [fill=\"#FFF\"],\n [fill=\"#FFFFFF\"] {\n fill: @crust !important;\n }\n }\n\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon,\n .yt-spec-icon-badge-shape {\n color: @text;\n }\n\n .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: @accent !important;\n color: @surface0 !important;\n }\n\n /* Buttons */\n .yt-spec-button-shape-next--mono {\n &.yt-spec-button-shape-next--tonal {\n color: @text;\n background-color: @surface0;\n\n [fill=\"rgb(3,3,3)\"],\n [fill=\"rgb(0,0,0)\"],\n [fill=\"rgb(255,255,255)\"] {\n fill: @text !important;\n }\n\n [stroke=\"rgb(0,0,0)\"],\n [stroke=\"rgb(255,255,255)\"] {\n stroke: @text !important;\n }\n\n /* Accent for filled-in thumbs up (like button) */\n [animated-icon-type=\"LIKE\"] {\n g path[fill] {\n fill: @accent !important;\n\n + [stroke] {\n stroke: @accent !important;\n }\n }\n }\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n &.yt-spec-button-shape-next--outline {\n color: @text;\n border-color: @surface2;\n\n &:hover {\n background-color: @surface2;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @text;\n\n /* Accent for filled-in thumbs up (like button) */\n path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: @accent;\n }\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--disabled {\n background-color: fade(@overlay0, 50%);\n color: @subtext0;\n }\n\n .yt-spec-button-shape-next--overlay {\n &.yt-spec-button-shape-next--tonal {\n color: @text;\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n }\n }\n &.yt-spec-button-shape-next--text {\n color: @text;\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent;\n }\n\n &.yt-spec-button-shape-next--outline {\n color: @text;\n border-color: @surface1;\n &:hover {\n background: @surface0;\n }\n }\n }\n\n .yt-spec-button-shape-next--call-to-action {\n &.yt-spec-button-shape-next--outline {\n color: @accent;\n border-color: @surface2;\n\n &:hover {\n background-color: fade(@accent, 30%);\n color: @accent;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @accent;\n\n &:hover {\n background-color: fade(@accent, 30%);\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent;\n\n &:hover {\n background-color: lighten(@accent, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {\n color: @subtext0;\n background-color: fade(@surface1, 70%);\n }\n\n /* Search box */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent;\n }\n\n .ytSearchboxComponentInputBox,\n .ytSearchboxComponentInputBoxDark {\n background: var(--ytd-searchbox-background) !important;\n color: var(--ytd-searchbox-text-color) !important;\n border-color: var(--ytd-searchbox-border-color) !important;\n box-shadow: none;\n }\n\n .ytSearchboxComponentInputBoxHasFocus,\n .ytSearchboxComponentInputBoxHasFocusDark {\n border-color: @accent !important;\n }\n\n .ytSuggestionComponentSuggestionHover:hover,\n .ytSuggestionComponentSuggestionHoverDark:hover {\n background: @surface1 !important;\n }\n\n .ytSearchboxComponentSuggestionsContainer,\n .ytSearchboxComponentSuggestionsContainerDark {\n background: var(--yt-spec-raised-background) !important;\n border-color: var(--yt-spec-raised-background) !important;\n }\n\n .ytSuggestionComponentSuggestion,\n .ytSuggestionComponentSuggestionDark {\n color: var(--ytd-searchbox-text-color) !important;\n }\n\n .ytSearchboxComponentSearchButton,\n .ytSearchboxComponentSearchButtonDark {\n color: var(--ytd-searchbox-text-color) !important;\n background: @surface0 !important;\n border-color: var(--ytd-searchbox-border-color) !important;\n }\n\n .ytSearchboxComponentClearButtonIcon,\n .ytSearchboxComponentClearButtonIconDark {\n color: var(--ytd-searchbox-text-color) !important;\n }\n\n .ytSearchboxComponentReportButton,\n .ytSearchboxComponentReportButtonDark,\n .ytSuggestionComponentRemoveLink,\n .ytSuggestionComponentRemoveLinkDark {\n color: @subtext0 !important;\n }\n\n .sbsb_a {\n background: @surface0;\n }\n .sbdd_b {\n border-color: var(--yt-spec-raised-background);\n background-color: var(--yt-spec-raised-background);\n }\n .sbpqs_a,\n .gsfs {\n color: var(--yt-spec-text-primary);\n }\n .sbsb_i {\n color: var(--yt-spec-call-to-action);\n }\n .sbsb_d {\n background-color: var(--yt-spec-additive-background);\n }\n .sbdd_c {\n visibility: hidden;\n }\n\n /* \"Suggestion removed\" */\n .sbpqs_c {\n color: @overlay1;\n }\n\n .sbpqs_a::before,\n .sbqs_c::before {\n @svg: escape( '<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24\" viewBox=\"1 1 27 27\" width=\"24\" focusable=\"false\" style=\"width:100%;height:100%\" pointer-events=\"none\" display=\"block\"><path fill=\"@{text}\" d=\"m20.87 20.17-5.59-5.59A6.96 6.96 0 0 0 17 10c0-3.87-3.13-7-7-7s-7 3.13-7 7a6.995 6.995 0 0 0 11.58 5.29l5.59 5.59zM10 16c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6\"/></svg>');\n content: url(\"data:image/svg+xml,@{svg}\");\n background: none;\n }\n\n /* Video description */\n #description {\n [style*=\"color: rgb(255, 255, 255);\"],\n [style*=\"color: rgb(19, 19, 19);\"] {\n color: @text !important;\n }\n }\n\n .yt-core-attributed-string__link--call-to-action-color {\n color: @accent;\n }\n\n .YtwCourseProgressViewModelHostProgressTitle,\n .YtwCourseProgressViewModelHostProgressSubtitle {\n color: @text;\n }\n\n .YtwCourseProgressViewModelHostProgressBar {\n background-color: fade(@white, 20%);\n\n .YtwCourseProgressViewModelHostProgressBarFill {\n background-color: @text;\n }\n }\n\n .ytwHowThisWasMadeSectionViewModelSectionTitle,\n .ytwHowThisWasMadeSectionViewModelBodyHeader {\n color: @text;\n }\n\n .ytwHowThisWasMadeSectionViewModelBodyText {\n color: @subtext0;\n }\n\n /* Thumbnails */\n #time-status:has([aria-label=\"LIVE\"]),\n .badge[aria-label=\"LIVE\"],\n .badge[aria-label=\"PREMIERE\"],\n .badge-shape-wiz--live.badge-shape-wiz--overlay,\n .badge-shape-wiz--thumbnail-live {\n background: @accent;\n color: @crust;\n }\n #thumbnail [style=\"background-color: rgba(51, 51, 51, 0.8);\"],\n .YtInlinePlayerControlsTopRightControlsCircleButton,\n .badge-shape-wiz--default.badge-shape-wiz--overlay,\n .branding-context-container-inner {\n background-color: @surface0 !important;\n color: @text;\n }\n .ytp-sb-unsubscribe {\n background-color: @surface2;\n color: @text;\n }\n .ytp-sb-subscribe {\n background-color: @accent;\n color: @crust;\n }\n ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: @surface1;\n }\n .badge-shape-wiz--thumbnail-default {\n color: @text;\n background: fade(@crust, 80%);\n }\n\n /* Panels, popups, tooltips */\n .ytp-tooltip-text {\n background: fade(@surface0, 90%) !important;\n color: @text;\n text-shadow: none !important;\n }\n\n .ytp-popup {\n background: fade(@surface0, 90%) !important;\n text-shadow: none;\n }\n\n .ytp-panel-menu,\n .ytp-panel-header,\n .ytp-panel-footer,\n .ytp-menuitem-label,\n .ytp-premium-label,\n .ytp-menuitem-content,\n .ytp-menuitem-label-count,\n .ytp-menu-label-secondary,\n .ytd-menu-title-renderer {\n color: @text;\n }\n\n .ytp-panel-header {\n border-bottom-color: @surface2;\n }\n\n .ytp-panel-footer-content-link {\n color: @accent;\n }\n\n .ytp-panel-back-button {\n @svg: escape( '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\" version=\"1.1\"><path d=\"m19.41 20.09-4.58-4.59 4.58-4.59L18 9.5l-6 6 6 6z\" fill=\"@{text}\"/></svg>');\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .ytp-menuitem-toggle-checkbox {\n background-color: @surface2;\n\n &::after {\n background-color: @subtext0;\n }\n }\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: @accent;\n }\n\n .ytp-menuitem {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: @surface1;\n }\n\n svg > path:not([fill=\"none\"]) {\n fill: @text !important;\n }\n\n &[aria-haspopup=\"true\"] .ytp-menuitem-content {\n @svg: escape( '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\" version=\"1.1\"><path d=\"m12.59 20.34 4.58-4.59-4.58-4.59L14 9.75l6 6-6 6z\" fill=\"@{text}\"/></svg>');\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n &[role=\"menuitemradio\"][aria-checked=\"true\"] .ytp-menuitem-label {\n @svg: escape( '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" version=\"1.1\"><path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\" fill=\"@{text}\"/></svg>');\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n /* Video player */\n .ytp-cards-button {\n .ytp-cards-button-icon {\n use {\n fill: @black;\n }\n path {\n fill: @white;\n }\n }\n }\n .ytp-cards-teaser {\n .ytp-cards-teaser-box {\n background-color: @surface2;\n border-bottom-color: @surface2;\n }\n .ytp-cards-teaser-text {\n color: @text;\n }\n }\n\n .html5-video-player {\n color: @white;\n\n .ytp-swatch-background-color,\n .ytp-play-progress {\n background: @accent !important;\n }\n\n .ytp-svg-fill,\n [fill=\"#fff\"] {\n fill: @white !important;\n }\n\n .ytp-volume-slider-handle {\n &,\n &::before {\n background-color: @white;\n }\n &::after {\n background-color: fade(@white, 20%);\n }\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration {\n color: @white;\n }\n\n .ytp-live-badge {\n &[disabled]::before {\n background: @accent;\n }\n &::before {\n background: @overlay0;\n }\n }\n\n /* youtube live ring */\n .yt-spec-avatar-shape__badge-text {\n color: @crust;\n }\n .yt-spec-avatar-shape--live-ring {\n border-color: @accent;\n }\n .yt-spec-avatar-shape__live-badge {\n background-color: @accent;\n }\n\n .ytp-button,\n .ytp-subtitles-button {\n &[aria-pressed]::after {\n background-color: @accent;\n }\n }\n\n /* stats for nerds */\n .ytp-sfn {\n background: fade(@base, 80%);\n color: @text;\n }\n\n .ytp-autonav-toggle-button {\n @svg: escape( '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"12\" fill=\"none\"><path opacity=\".5\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7 11c2.95 0 5.3-2.21 5.3-5s-2.35-5-5.3-5H7.3C4.35 1 2 3.21 2 6s2.35 5 5.3 5z\" fill=\"@{white}\"/><path opacity=\".5\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.3 1C4.35 1 2 3.21 2 6s2.35 5 5.3 5h15.4A5.16 5.16 0 0 0 28 6l-.03-.54A5.16 5.16 0 0 0 22.7 1zm15.4 11c3.45 0 6.3-2.6 6.3-6s-2.85-6-6.3-6H7.3C3.85 0 1 2.6 1 6s2.85 6 6.3 6z\" fill=\"@{black}\" fill-opacity=\".3\"/></svg>');\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n\n &::after {\n @svg: escape( '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 17 17\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.5 16a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15\" fill=\"@{surface2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 8.5a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0m-1 0a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0\" fill=\"@{black}\" fill-opacity=\".15\"/><path d=\"M5.5 12h2V5h-2zm4-7v7h2V5z\" fill=\"@{white}\"/></svg>');\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n\n &[aria-checked=\"true\"] {\n @svg: escape( '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"12\" fill=\"none\"><path opacity=\".5\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7 11c2.95 0 5.3-2.21 5.3-5s-2.35-5-5.3-5H7.3C4.35 1 2 3.21 2 6s2.35 5 5.3 5zm-2.7-.75v-8.5l6.7 4.26z\" fill=\"@{white}\"/><path opacity=\".5\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.3 1C4.35 1 2 3.21 2 6s2.35 5 5.3 5h15.4A5.16 5.16 0 0 0 28 6l-.03-.54A5.16 5.16 0 0 0 22.7 1zm15.4 11c3.45 0 6.3-2.6 6.3-6s-2.85-6-6.3-6H7.3C3.85 0 1 2.6 1 6s2.85 6 6.3 6z\" fill=\"@{black}\" fill-opacity=\".3\"/></svg>');\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n\n &::after {\n @svg: escape( '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 17 17\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 8.5a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0m-5 0L6.5 5v7zm-1.86 0L7.5 6.82v3.36zM8.5 16a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15\" fill=\"@{black}\" fill-opacity=\".15\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0m-4 0L6.5 12V5z\" fill=\"@{white}\"/></svg>');\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n }\n }\n\n /* Video highlight */\n ytd-rich-item-renderer.ytd-rich-item-renderer-highlight {\n background-color: fade(@accent, 10%) !important;\n box-shadow: fade(@accent, 10%) 0 0 0 10px !important;\n }\n\n #shorts-container {\n --yt-spec-static-overlay-text-primary: @white;\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {\n color: @white;\n }\n\n .YtwFactoidRendererLabel {\n color: @subtext0;\n }\n .YtwFactoidRendererValue {\n color: @text;\n }\n\n ytd-reel-video-renderer:not([is-watch-while-mode]) {\n .yt-spec-button-shape-with-label__label {\n color: @subtext1;\n }\n }\n ytd-reel-video-renderer[is-watch-while-mode] .yt-spec-button-shape-with-label__label {\n color: @white;\n }\n\n .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal,\n .YtdDesktopShortsVolumeControlsBackgroundScrim {\n background-color: fade(@black, 60%);\n color: @white;\n }\n\n .YtProgressBarLineProgressBarPlayed,\n .YtProgressBarPlayheadProgressBarPlayheadDot {\n background-color: @accent !important;\n }\n\n .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled {\n background-color: @accent;\n color: @crust;\n }\n\n .YtdDesktopShortsVolumeControlsMuteIcon {\n color: @white !important;\n }\n\n /* Buy super thanks button */\n .YtdShortsSuggestedActionStaticHostContainer {\n background-color: fade(@black, 60%);\n\n .YtdShortsSuggestedActionStaticHostLeadingIcon,\n .YtdShortsSuggestedActionStaticHostPrimaryText {\n color: @text;\n }\n }\n }\n\n /* Shorts titles and views on homepage */\n .shortsLockupViewModelHostOutsideMetadataEndpoint {\n color: @text;\n }\n .shortsLockupViewModelHostOutsideMetadataSubhead {\n color: @subtext0;\n }\n\n /* Buy super thanks bar */\n #progressContainer.tp-yt-paper-progress {\n background-color: @mantle !important;\n }\n\n #comment-chip-container.yt-pdg-comment-chip-renderer,\n .slider-knob-inner.tp-yt-paper-slider {\n background: @accent !important;\n }\n\n #primaryProgress.tp-yt-paper-progress {\n background: linear-gradient(139deg, @peach, @maroon, @red, @pink);\n }\n\n #container.ytd-pdg-comment-preview-renderer {\n background-color: @mantle !important;\n }\n\n #comment-chip-price.yt-pdg-comment-chip-renderer,\n yt-icon.yt-pdg-comment-chip-renderer {\n color: @crust;\n }\n\n /* Channel pages */\n .yt-tab-shape-wiz__tab {\n color: @subtext1;\n }\n .yt-tab-shape-wiz__tab--tab-selected {\n color: @text;\n }\n .yt-tab-group-shape-wiz__slider {\n background-color: @text;\n }\n .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: @subtext1;\n }\n .truncated-text-wiz,\n .page-header-view-model-wiz__page-header-content-metadata {\n color: @subtext1;\n }\n .page-header-view-model-wiz__page-header-title,\n [style=\"color: rgb(255, 255, 255);\"]:has(svg),\n .truncated-text-wiz__absolute-button {\n color: @text !important;\n }\n .yt-contextual-sheet-layout-wiz {\n background-color: @mantle;\n\n .yt-list-item-view-model-wiz__container--tappable:hover {\n background-color: @surface0;\n }\n\n .yt-list-item-view-model-wiz__title,\n .yt-list-item-view-model-wiz__accessory,\n .radio-shape-wiz__label-container {\n color: @text;\n }\n }\n\n /* channel details */\n .profile-badge-view-model-wiz__badge-description {\n color: @text !important;\n }\n\n .profile-badge-view-model-wiz__badge-subtitle {\n color: @subtext0 !important;\n }\n\n .yt-profile-identity-info-view-model-wiz__divider {\n border-color: @surface0 !important;\n }\n\n /* Profiles */\n .yt-profile-card-view-model-wiz {\n background-color: @mantle;\n }\n .yt-profile-identity-info-view-model-wiz__channel-name,\n .yt-profile-info-view-model-wiz__section-title,\n .yt-comment-interaction-view-model-wiz__video-title,\n .yt-shared-subscription-view-model-wiz__channel-name {\n color: @text;\n }\n .yt-profile-identity-info-view-model-wiz__badge,\n .yt-profile-identity-info-view-model-wiz__metadata-handle,\n .yt-profile-identity-info-view-model-wiz__metadata-content,\n .yt-profile-info-view-model-wiz__section-subtitle,\n .yt-comment-interaction-view-model-wiz__comment-content {\n color: @subtext0;\n }\n\n /* Horizontal list arrows */\n .arrow.yt-horizontal-list-renderer {\n background: @surface0;\n }\n\n /* Live chat replay */\n .ytVideoMetadataCarouselViewModelHost,\n .YtVideoMetadataCarouselViewModelHost {\n background-color: @surface0;\n\n .ytCarouselTitleViewModelTitle,\n .YtCarouselTitleViewModelTitle,\n .yt-core-attributed-string,\n .yt-icon-shape {\n color: @text;\n }\n }\n\n /* AI-generated video summary */\n .video-summary-content-view-model-wiz__paragraph {\n color: @text;\n }\n\n /* Playlist collapsed sidebar */\n #next-video-title {\n color: @text !important;\n }\n #publisher-container {\n .yt-simple-endpoint.style-scope.yt-formatted-string,\n .index-message-wrapper.style-scope.ytd-playlist-panel-renderer,\n .index-message-wrapper.style-scope.ytd-playlist-panel-renderer::before {\n color: @subtext0 !important;\n }\n }\n\n /* Playlist metadata */\n .metadata-stats.style-scope.ytd-playlist-byline-renderer,\n .yt-lockup-metadata-view-model-wiz__metadata {\n color: @subtext0 !important;\n }\n\n /* Playlist titles in search results */\n .yt-core-attributed-string.yt-core-attributed-string--white-space-pre-wrap {\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix(\"https://studio.youtube.com\") {\n :root[dark] {\n #catppuccin(@darkFlavor);\n }\n :root {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n [src=\"https://www.gstatic.com/youtube/img/creator/yt_studio_logo_white.svg\"] {\n @svg: escape( '<svg viewBox=\"0 0 97.55 24\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{accent}\" d=\"M17.1 0S6.4 0 3.8.7a4.15 4.15 0 0 0-3 3C0 6.4 0 12 0 12a45 45 0 0 0 .7 8.2 4.32 4.32 0 0 0 3 3c2.7.8 13.4.8 13.4.8s10.7 0 13.4-.7a4.32 4.32 0 0 0 3-3 45 45 0 0 0 .7-8.2s.1-5.7-.6-8.3a4.32 4.32 0 0 0-3-3C27.9 0 17.1 0 17.1 0m-3.4 6.9 8.9 5.1-8.9 5.1z\"/><path fill=\"@{text}\" d=\"M76.3.9v4.4c0 1.1 0 2 .1 3.3h-.1A3.36 3.36 0 0 0 73.4 7c-2.3 0-3.3 2-3.3 6.6V16c0 4.9.8 6.6 3.2 6.6a3.42 3.42 0 0 0 3.2-2.4h.1l.4 2.1h2.6V.9zm6.688.4c-1.126.032-1.687.55-1.687 2.1 0 1.7.599 2.1 1.799 2.1s1.8-.5 1.8-2.1-.6-2.1-1.8-2.1zM45 1.4c-3.6 0-5 1.7-5 4.9s1.1 4.5 3.7 6.8c1.6 1.4 2.8 2.5 2.8 4.8 0 1.5-.4 2.2-1.6 2.2s-1.7-.8-1.6-3.6h-3.1c-.6 4.2.8 6.1 4.5 6.2 3.5 0 5-1.5 5-5.4 0-3.1-1.3-4.4-3.7-6.6-1.9-1.8-2.8-2.5-2.8-4.6 0-1.4.3-2.2 1.6-2.2s1.6 1.1 1.5 3.9l3.1-.2c.5-4.2-.8-6.2-4.4-6.2m7.6 1.4-.4 4.5h-1.4v2.6H52v8.8c0 2.7.4 3.8 2.6 3.8a7.4 7.4 0 0 0 3.1-.6l-.6-2.2a5.2 5.2 0 0 1-1.3.2c-.5 0-.7-.3-.7-1.7V9.9h2.2V7.3H55V2.8zM91 7c-3.3 0-4.7 1.8-4.7 6.7v2.2c0 4.7 1.1 6.7 4.6 6.7s4.7-2 4.7-6.7v-2.2C95.6 8.9 94.3 7 91 7m-31.8.3v11.4c0 2.7.9 4 2.9 4a3.46 3.46 0 0 0 3.2-2.1h.1l.3 1.8h2.7V7.3H65v12a1.51 1.51 0 0 1-1.4 1c-.7 0-1-.6-1-1.9V7.3zm22.3 0v15.1h3.2V7.3zm9.4 2c1 0 1.3 1 1.3 3.1v4.7c0 2.2-.4 3.1-1.3 3.1s-1.2-.9-1.2-3.1v-4.7c0-2 .2-3.1 1.2-3.1M75 9.4a1.56 1.56 0 0 1 1.3.8v8.5c-.2.9-.9 1.4-1.4 1.3-1 0-1.3-1-1.3-4.4v-1.9c0-3.3.3-4.3 1.4-4.3\"/></svg>');\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n --iron-icon-fill-color: unset !important;\n\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n --ytcp-general-background-c: @crust !important;\n --ytcp-menu-background: @surface0 !important;\n\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n --ytcp-call-to-action: @accent !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n --ytcp-call-to-action-raised-background: @accent !important;\n --yt-spec-brand-button-background: @accent !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n --yt-spec-brand-background-primary: @surface0 !important;\n\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay0 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @accent !important;\n --ytcp-themed-blue: @accent !important;\n --ytcp-badge-blue: fade(@accent, 30%);\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent !important;\n --ytcp-focus: @accent !important;\n --ytcp-selected-item: @accent !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n }\n}\n\n@-moz-document domain(\"m.youtube.com\") {\n html[darker-dark-theme] {\n #catppuccin(@darkFlavor);\n }\n html {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n background-color: @base !important;\n color: @text !important;\n\n /* Ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\n }\n\n .mobile-topbar-header[data-mode=\"watch\"],\n ytm-mobile-topbar-renderer:not([ambient-topbar]) {\n background: @base;\n }\n\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-logo,\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-title,\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-header-content {\n color: @text;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container,\n .modern-styling {\n background: @surface0;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper {\n border-bottom-color: @surface0;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-content {\n color: @text;\n }\n\n /* Comment box */\n .engagement-panel-container {\n background: @mantle;\n }\n\n /* Bottom bar */\n ytm-pivot-bar-renderer {\n background: @mantle;\n color: @text;\n border-top-color: @surface0;\n }\n\n /* Chips */\n .chip-bar {\n background-color: @base;\n }\n\n [chip-style*=\"STYLE_\"] {\n .chip-container {\n color: @text;\n background-color: @surface0;\n }\n\n &.selected .chip-container {\n color: @crust;\n background-color: @accent;\n }\n }\n\n /* Buttons */\n .yt-spec-touch-feedback-shape--touch-response {\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n\n .yt-spec-touch-feedback-shape__stroke {\n border-color: @surface1;\n }\n }\n\n .yt-spec-touch-feedback-shape--overlay-touch-response-inverse .yt-spec-touch-feedback-shape__fill {\n background-color: @accent;\n }\n .yt-spec-touch-feedback-shape--overlay-touch-response .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n ;\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n ;\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n ;\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n ;\n}\n;\n\n/* deno-fmt-ignore */\n@catppuccin-filters: {\n @latte: {\n @rosewater: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(1048%) hue-rotate(323deg) brightness(92%) contrast(86%);\n @flamingo: brightness(0) saturate(100%) invert(84%) sepia(44%) saturate(4533%) hue-rotate(310deg) brightness(98%) contrast(75%);\n @pink: brightness(0) saturate(100%) invert(60%) sepia(32%) saturate(775%) hue-rotate(266deg) brightness(93%) contrast(97%);\n @mauve: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(3315%) hue-rotate(255deg) brightness(94%) contrast(100%);\n @red: brightness(0) saturate(100%) invert(16%) sepia(78%) saturate(7275%) hue-rotate(342deg) brightness(84%) contrast(94%);\n @maroon: brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(2395%) hue-rotate(331deg) brightness(99%) contrast(82%);\n @peach: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(1292%) hue-rotate(356deg) brightness(103%) contrast(99%);\n @yellow: brightness(0) saturate(100%) invert(74%) sepia(47%) saturate(4570%) hue-rotate(354deg) brightness(95%) contrast(83%);\n @green: brightness(0) saturate(100%) invert(51%) sepia(25%) saturate(4134%) hue-rotate(76deg) brightness(95%) contrast(66%);\n @teal: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(1101%) hue-rotate(139deg) brightness(100%) contrast(82%);\n @sky: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(2427%) hue-rotate(166deg) brightness(99%) contrast(97%);\n @sapphire: brightness(0) saturate(100%) invert(52%) sepia(41%) saturate(6982%) hue-rotate(160deg) brightness(102%) contrast(75%);\n @blue: brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%);\n @lavender: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(538%) hue-rotate(194deg) brightness(102%) contrast(98%);\n @text: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1259%) hue-rotate(196deg) brightness(97%) contrast(91%);\n @subtext1: brightness(0) saturate(100%) invert(36%) sepia(10%) saturate(890%) hue-rotate(196deg) brightness(98%) contrast(90%);\n @subtext0: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%);\n @overlay2: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(825%) hue-rotate(195deg) brightness(83%) contrast(91%);\n @overlay1: brightness(0) saturate(100%) invert(59%) sepia(14%) saturate(333%) hue-rotate(194deg) brightness(95%) contrast(89%);\n @overlay0: brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(595%) hue-rotate(191deg) brightness(77%) contrast(81%);\n @surface2: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(482%) hue-rotate(189deg) brightness(82%) contrast(88%);\n @surface1: brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(281%) hue-rotate(187deg) brightness(92%) contrast(88%);\n @surface0: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(5123%) hue-rotate(185deg) brightness(93%) contrast(83%);\n @base: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(140%) hue-rotate(182deg) brightness(109%) contrast(94%);\n @mantle: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(55%) hue-rotate(182deg) brightness(98%) contrast(92%);\n @crust: brightness(0) saturate(100%) invert(91%) sepia(1%) saturate(4489%) hue-rotate(196deg) brightness(106%) contrast(82%);\n }\n ;\n @frappe: {\n @rosewater: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(734%) hue-rotate(321deg) brightness(95%) contrast(99%);\n @flamingo: brightness(0) saturate(100%) invert(88%) sepia(52%) saturate(817%) hue-rotate(293deg) brightness(113%) contrast(84%);\n @pink: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(844%) hue-rotate(280deg) brightness(107%) contrast(91%);\n @mauve: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(725%) hue-rotate(225deg) brightness(94%) contrast(91%);\n @red: brightness(0) saturate(100%) invert(67%) sepia(3%) saturate(7209%) hue-rotate(305deg) brightness(91%) contrast(99%);\n @maroon: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(957%) hue-rotate(307deg) brightness(109%) contrast(90%);\n @peach: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(662%) hue-rotate(335deg) brightness(96%) contrast(94%);\n @yellow: brightness(0) saturate(100%) invert(94%) sepia(88%) saturate(684%) hue-rotate(309deg) brightness(105%) contrast(80%);\n @green: brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(582%) hue-rotate(42deg) brightness(87%) contrast(89%);\n @teal: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(986%) hue-rotate(110deg) brightness(85%) contrast(81%);\n @sky: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(623%) hue-rotate(141deg) brightness(109%) contrast(81%);\n @sapphire: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(730%) hue-rotate(157deg) brightness(97%) contrast(76%);\n @blue: brightness(0) saturate(100%) invert(68%) sepia(16%) saturate(1070%) hue-rotate(185deg) brightness(96%) contrast(95%);\n @lavender: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(626%) hue-rotate(201deg) brightness(101%) contrast(89%);\n @text: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(582%) hue-rotate(191deg) brightness(98%) contrast(96%);\n @subtext1: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(411%) hue-rotate(190deg) brightness(96%) contrast(84%);\n @subtext0: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(1287%) hue-rotate(192deg) brightness(86%) contrast(85%);\n @overlay2: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(230%) hue-rotate(190deg) brightness(92%) contrast(82%);\n @overlay1: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(638%) hue-rotate(189deg) brightness(98%) contrast(87%);\n @overlay0: brightness(0) saturate(100%) invert(49%) sepia(13%) saturate(662%) hue-rotate(192deg) brightness(94%) contrast(84%);\n @surface2: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(469%) hue-rotate(191deg) brightness(93%) contrast(86%);\n @surface1: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(771%) hue-rotate(190deg) brightness(89%) contrast(85%);\n @surface0: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(1468%) hue-rotate(193deg) brightness(92%) contrast(95%);\n @base: brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(747%) hue-rotate(192deg) brightness(96%) contrast(97%);\n @mantle: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(7271%) hue-rotate(198deg) brightness(88%) contrast(75%);\n @crust: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7415%) hue-rotate(197deg) brightness(86%) contrast(79%);\n }\n ;\n @macchiato: {\n @rosewater: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(322%) hue-rotate(321deg) brightness(102%) contrast(91%);\n @flamingo: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(3070%) hue-rotate(314deg) brightness(107%) contrast(88%);\n @pink: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(509%) hue-rotate(280deg) brightness(102%) contrast(92%);\n @mauve: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(903%) hue-rotate(222deg) brightness(104%) contrast(93%);\n @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(1541%) hue-rotate(305deg) brightness(110%) contrast(86%);\n @maroon: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1331%) hue-rotate(306deg) brightness(93%) contrast(101%);\n @peach: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(1676%) hue-rotate(330deg) brightness(103%) contrast(92%);\n @yellow: brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(321%) hue-rotate(314deg) brightness(101%) contrast(87%);\n @green: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(1128%) hue-rotate(48deg) brightness(92%) contrast(85%);\n @teal: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(1176%) hue-rotate(110deg) brightness(87%) contrast(90%);\n @sky: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(230%) hue-rotate(142deg) brightness(96%) contrast(84%);\n @sapphire: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(438%) hue-rotate(156deg) brightness(92%) contrast(93%);\n @blue: brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(1007%) hue-rotate(183deg) brightness(99%) contrast(94%);\n @lavender: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2559%) hue-rotate(198deg) brightness(103%) contrast(94%);\n @text: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%);\n @subtext1: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1453%) hue-rotate(193deg) brightness(94%) contrast(86%);\n @subtext0: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(361%) hue-rotate(190deg) brightness(91%) contrast(86%);\n @overlay2: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(814%) hue-rotate(191deg) brightness(92%) contrast(88%);\n @overlay1: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(203%) hue-rotate(190deg) brightness(101%) contrast(93%);\n @overlay0: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(552%) hue-rotate(193deg) brightness(93%) contrast(84%);\n @surface2: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(611%) hue-rotate(192deg) brightness(101%) contrast(87%);\n @surface1: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1085%) hue-rotate(194deg) brightness(92%) contrast(89%);\n @surface0: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(880%) hue-rotate(193deg) brightness(97%) contrast(84%);\n @base: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(570%) hue-rotate(194deg) brightness(90%) contrast(90%);\n @mantle: brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(7499%) hue-rotate(200deg) brightness(93%) contrast(85%);\n @crust: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(5346%) hue-rotate(202deg) brightness(98%) contrast(88%);\n }\n ;\n @mocha: {\n @rosewater: brightness(0) saturate(100%) invert(92%) sepia(5%) saturate(704%) hue-rotate(320deg) brightness(99%) contrast(93%);\n @flamingo: brightness(0) saturate(100%) invert(81%) sepia(5%) saturate(987%) hue-rotate(315deg) brightness(107%) contrast(90%);\n @pink: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(1177%) hue-rotate(283deg) brightness(101%) contrast(92%);\n @mauve: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(255%) hue-rotate(224deg) brightness(96%) contrast(102%);\n @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(997%) hue-rotate(294deg) brightness(104%) contrast(91%);\n @maroon: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(1301%) hue-rotate(306deg) brightness(116%) contrast(84%);\n @peach: brightness(0) saturate(100%) invert(68%) sepia(57%) saturate(278%) hue-rotate(338deg) brightness(98%) contrast(101%);\n @yellow: brightness(0) saturate(100%) invert(90%) sepia(70%) saturate(380%) hue-rotate(313deg) brightness(102%) contrast(95%);\n @green: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(2015%) hue-rotate(63deg) brightness(104%) contrast(78%);\n @teal: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(991%) hue-rotate(108deg) brightness(93%) contrast(90%);\n @sky: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(1302%) hue-rotate(164deg) brightness(106%) contrast(84%);\n @sapphire: brightness(0) saturate(100%) invert(74%) sepia(20%) saturate(876%) hue-rotate(156deg) brightness(96%) contrast(93%);\n @blue: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(951%) hue-rotate(180deg) brightness(98%) contrast(100%);\n @lavender: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(1670%) hue-rotate(195deg) brightness(102%) contrast(99%);\n @text: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(879%) hue-rotate(190deg) brightness(100%) contrast(93%);\n @subtext1: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(381%) hue-rotate(193deg) brightness(91%) contrast(89%);\n @subtext0: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(767%) hue-rotate(192deg) brightness(84%) contrast(84%);\n @overlay2: brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(428%) hue-rotate(191deg) brightness(96%) contrast(84%);\n @overlay1: brightness(0) saturate(100%) invert(56%) sepia(15%) saturate(455%) hue-rotate(192deg) brightness(90%) contrast(88%);\n @overlay0: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(1275%) hue-rotate(194deg) brightness(97%) contrast(88%);\n @surface2: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(1015%) hue-rotate(195deg) brightness(99%) contrast(89%);\n @surface1: brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1950%) hue-rotate(197deg) brightness(99%) contrast(86%);\n @surface0: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(2844%) hue-rotate(199deg) brightness(91%) contrast(93%);\n @base: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(7496%) hue-rotate(202deg) brightness(93%) contrast(87%);\n @mantle: brightness(0) saturate(100%) invert(6%) sepia(4%) saturate(7465%) hue-rotate(202deg) brightness(95%) contrast(90%);\n @crust: brightness(0) saturate(100%) invert(3%) sepia(13%) saturate(6863%) hue-rotate(220deg) brightness(95%) contrast(91%);\n }\n ;\n}\n;",
"usercssData": {
"name": "YouTube Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/youtube",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
"version": "2025.01.05",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube",
"description": "Soothing pastel theme for YouTube",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": null,
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": null,
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": null,
"default": "peach",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
},
"logo": {
"type": "checkbox",
"label": "Enable YouTube logo",
"name": "logo",
"value": null,
"default": "1",
"options": null
},
"oled": {
"type": "checkbox",
"label": "Enable black bars",
"name": "oled",
"value": null,
"default": "1",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for YouTube",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less",
"name": "YouTube Catppuccin",
"updateDate": 1736183305647,
"_id": "6d8a1504-a7e2-49d6-9924-4ced2cf61732",
"_rev": 1736183305647,
"id": 2
},
{
"enabled": true,
"installDate": 1736183348742,
"sections": [
{
"code": ""
}
],
"customName": "Github",
"sourceCode": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 2025.01.05\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach*\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document regexp(\n \"https:\\/\\/(gist\\.)*github\\.com(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\?.*|\\/.*)|\\/organizations\\/plan)).*$\"\n ),\n regexp(\"https:\\/\\/viewscreen\\.githubusercontent\\.com(\\/diff\\/img|\\/view).*\") {\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n html:not([data-light-theme=\"light\"], [data-light-theme=\"dark\"])\n body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"], [data-dark-theme=\"light\"])\n body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n .cm-placeholder {\n color: @subtext0;\n }\n\n accent-color: @accent;\n color: @text;\n\n --color-social-reaction-bg-reacted-hover: fade(@accent, 30%);\n --color-notifications-button-hover-bg: fade(@accent, 60%);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: fade(\n @accent,\n 40%\n ) !important;\n --color-calendar-halloween-graph-day-L2-bg: fade(\n @accent,\n 60%\n ) !important;\n --color-calendar-halloween-graph-day-L3-bg: fade(\n @accent,\n 80%\n ) !important;\n --color-calendar-halloween-graph-day-L4-bg: @accent !important;\n --color-calendar-winter-graph-day-L1-bg: fade(\n @accent,\n 40%\n ) !important;\n --color-calendar-winter-graph-day-L2-bg: fade(\n @accent,\n 60%\n ) !important;\n --color-calendar-winter-graph-day-L3-bg: fade(\n @accent,\n 80%\n ) !important;\n --color-calendar-winter-graph-day-L4-bg: @accent !important;\n --color-calendar-graph-day-bg: @surface0 !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: fade(@accent, 40%) !important;\n --color-calendar-graph-day-L2-bg: fade(@accent, 60%) !important;\n --color-calendar-graph-day-L3-bg: fade(@accent, 80%) !important;\n --color-calendar-graph-day-L4-bg: @accent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: @accent;\n --color-user-mention-bg: fade(@accent, 30%);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: fade(@yellow, 30%);\n --page-header-bgColor: @crust;\n --diffBlob-additionNum-bgColor: fade(@green, 30%);\n --diffBlob-additionNum-fgColor: @text;\n --diffBlob-additionLine-bgColor: fade(@green, 15%);\n --diffBlob-additionWord-bgColor: fade(@green, 30%);\n --diffBlob-additionWord-fgColor: @text;\n --diffBlob-deletionNum-bgColor: fade(@red, 30%);\n --diffBlob-deletionNum-fgColor: @text;\n --diffBlob-deletionLine-bgColor: fade(@red, 15%);\n --diffBlob-deletionWord-bgColor: fade(@red, 30%);\n --diffBlob-deletionWord-fgColor: @text;\n --diffBlob-hunkNum-bgColor-rest: fade(@accent, 40%);\n --diffBlob-hunkNum-bgColor-hover: fade(@accent, 75%);\n --diffBlob-hunkLine-bgColor: fade(@accent, 25%);\n --diffBlob-expander-iconColor: @subtext0;\n --diffBlob-emptyNum-bgColor: @mantle;\n --diffBlob-emptyLine-bgColor: @mantle;\n --codeMirror-fgColor: @text;\n --codeMirror-bgColor: @base;\n --codeMirror-gutters-bgColor: @base;\n --codeMirror-gutterMarker-fgColor-default: @base;\n --codeMirror-gutterMarker-fgColor-muted: @overlay0;\n --codeMirror-lineNumber-fgColor: @overlay1;\n --codeMirror-cursor-fgColor: @text;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: @text;\n --codeMirror-lines-bgColor: @base;\n --codeMirror-syntax-fgColor-comment: @overlay2;\n --codeMirror-syntax-fgColor-constant: @blue;\n --codeMirror-syntax-fgColor-entity: @blue;\n --codeMirror-syntax-fgColor-keyword: @mauve;\n --codeMirror-syntax-fgColor-storage: @peach;\n --codeMirror-syntax-fgColor-string: @green;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: @peach;\n --header-fgColor-default: @text;\n --header-fgColor-logo: @text;\n --header-bgColor: @crust;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: @mantle;\n --headerSearch-borderColor: @surface0;\n --avatar-bgColor: fade(@text, 26%);\n --avatar-borderColor: @surface0;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: @surface1;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: @red;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: @surface1;\n --control-bgColor-disabled: fade(@mantle, 60%);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: @text;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: fade(@subtext0, 70%);\n --control-borderColor-rest: @surface1;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: fade(@surface1, 75%);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: @green;\n --control-borderColor-danger: @red;\n --control-borderColor-warning: @yellow;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: fade(@surface2, 20%);\n --control-transparent-bgColor-active: fade(@overlay0, 50%);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: @red;\n --control-danger-fgColor-hover: @crust;\n --control-danger-bgColor-hover: fade(@red, 80%);\n --control-danger-bgColor-active: @red;\n --control-checked-bgColor-rest: @accent;\n --control-checked-bgColor-hover: lighten(@accent, 5%);\n --control-checked-bgColor-active: lighten(@accent, 5%);\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: @crust;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: @accent;\n --control-checked-borderColor-hover: @accent;\n --control-checked-borderColor-active: @accent;\n --control-checked-borderColor-disabled: @surface0;\n --controlTrack-bgColor-rest: @surface0;\n --controlTrack-bgColor-hover: @surface1;\n --controlTrack-bgColor-active: @surface2;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: @text;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: @base;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: @text;\n --controlKnob-borderColor-rest: @surface2;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: @blue;\n --button-default-fgColor-rest: @text;\n --button-default-bgColor-rest: @surface0;\n --button-default-bgColor-hover: @surface1;\n --button-default-bgColor-active: @surface2;\n --button-default-bgColor-selected: @surface2;\n --button-default-bgColor-disabled: fade(@surface0, 70%);\n --button-default-borderColor-rest: @surface1;\n --button-default-borderColor-hover: @surface1;\n --button-default-borderColor-active: @surface1;\n --button-default-borderColor-disabled: fade(@surface0, 70%);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: @base;\n --button-primary-fgColor-disabled: fade(@base, 60%);\n --button-primary-iconColor-rest: @base;\n --button-primary-bgColor-rest: @green;\n --button-primary-bgColor-hover: lighten(@green, 5%);\n --button-primary-bgColor-active: saturate(@green, 5%);\n --button-primary-bgColor-disabled: fade(@green, 70%);\n --button-primary-borderColor-rest: @green;\n --button-primary-borderColor-hover: @green;\n --button-primary-borderColor-active: @green;\n --button-primary-borderColor-disabled: fade(@green, 70%);\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: @text;\n --button-invisible-fgColor-hover: lighten(@accent, 10%);\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: @overlay2;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: fade(@surface1, 70%);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: fade(@surface1, 70%);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: @text;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: @surface1;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: @red;\n --button-danger-fgColor-hover: @base;\n --button-danger-fgColor-active: @base;\n --button-danger-fgColor-disabled: fade(@red, 50%);\n --button-danger-iconColor-rest: @red;\n --button-danger-iconColor-hover: @crust;\n --button-danger-bgColor-rest: @surface0;\n --button-danger-bgColor-hover: @red;\n --button-danger-bgColor-active: darken(@red, 5%);\n --button-danger-bgColor-disabled: @base;\n --button-danger-borderColor-rest: @surface1;\n --button-danger-borderColor-hover: @red;\n --button-danger-borderColor-active: darken(@red, 5%);\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: @yellow;\n --buttonCounter-default-bgColor-rest: @surface1;\n --buttonCounter-invisible-bgColor-rest: @surface1;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: fade(@text, 20%);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: @red;\n --buttonCounter-danger-fgColor-hover: @text;\n --buttonCounter-danger-fgColor-disabled: fade(@red, 50%);\n --focus-outlineColor: @accent;\n --menu-bgColor-active: @mantle;\n --overlay-bgColor: @base;\n --overlay-borderColor: @surface0;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: @mantle;\n --treeViewItem-leadingVisual-iconColor-rest: @subtext0;\n --underlineNav-borderColor-active: @accent;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: fade(@accent, 30%);\n --reactionButton-selected-bgColor-rest: fade(@accent, 20%);\n --reactionButton-selected-bgColor-hover: fade(@accent, 35%);\n --reactionButton-selected-fgColor-rest: @accent;\n --reactionButton-selected-fgColor-hover: @accent;\n --fgColor-default: @text;\n --fgColor-muted: @subtext1;\n --fgColor-onEmphasis: @base;\n --fgColor-white: if(@flavor = latte, @crust, @text);\n --fgColor-disabled: @surface2;\n --fgColor-link: @accent;\n --fgColor-neutral: @subtext1;\n --fgColor-accent: @accent;\n --fgColor-success: @green;\n --fgColor-attention: @yellow;\n --fgColor-severe: @peach;\n --fgColor-danger: @red;\n --fgColor-open: @green;\n --fgColor-closed: @red;\n --fgColor-done: @mauve;\n --fgColor-sponsors: @pink;\n --bgColor-default: @base;\n --bgColor-muted: @mantle;\n --bgColor-inset: @crust;\n --bgColor-emphasis: @overlay2;\n --bgColor-inverse: @text;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: fade(@surface0, 40%);\n --bgColor-neutral-emphasis: @subtext0;\n --bgColor-accent-muted: fade(@accent, 20%);\n --bgColor-accent-emphasis: @accent;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: @green;\n --bgColor-attention-muted: fade(@yellow, 15%);\n --bgColor-attention-emphasis: @yellow;\n --bgColor-severe-muted: fade(@peach, 26%);\n --bgColor-severe-emphasis: @peach;\n --bgColor-danger-muted: fade(@red, 26%);\n --bgColor-danger-emphasis: @red;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: @green;\n --bgColor-closed-muted: fade(@red, 15%);\n --bgColor-closed-emphasis: @red;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: @mauve;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: @pink;\n --borderColor-default: @surface1;\n --borderColor-muted: @surface0;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: fade(@accent, 50%);\n --borderColor-accent-emphasis: @accent;\n --borderColor-success-muted: darken(@green, 5%);\n --borderColor-success-emphasis: @green;\n --borderColor-attention-muted: fade(@flamingo, 30%);\n --borderColor-attention-emphasis: @flamingo;\n --borderColor-severe-muted: @peach;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: @red;\n --borderColor-danger-emphasis: @red;\n --borderColor-open-muted: darken(@green, 5%);\n --borderColor-open-emphasis: @green;\n --borderColor-closed-muted: @red;\n --borderColor-closed-emphasis: @red;\n --borderColor-done-muted: @lavender;\n --borderColor-done-emphasis: @mauve;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: @pink;\n & when (@flavor = latte) {\n --color-ansi-black: @subtext1;\n --color-ansi-black-bright: @subtext0;\n --color-ansi-gray: @subtext0;\n --color-ansi-white: @surface2;\n --color-ansi-white-bright: @surface1;\n }\n & when not(@flavor = latte) {\n --color-ansi-black: @surface1;\n --color-ansi-black-bright: @surface2;\n --color-ansi-gray: @surface2;\n --color-ansi-white: @subtext1;\n --color-ansi-white-bright: @subtext0;\n }\n --color-ansi-red: @red;\n --color-ansi-red-bright: @red;\n --color-ansi-green: @green;\n --color-ansi-green-bright: @green;\n --color-ansi-yellow: @yellow;\n --color-ansi-yellow-bright: @yellow;\n --color-ansi-blue: @blue;\n --color-ansi-blue-bright: @blue;\n --color-ansi-magenta: @pink;\n --color-ansi-magenta-bright: @pink;\n --color-ansi-cyan: @teal;\n --color-ansi-cyan-bright: @teal;\n --color-prettylights-syntax-comment: @overlay2;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-constant-other-reference-link: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @blue;\n --color-prettylights-syntax-keyword: @mauve;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fade(@red, 15%);\n --color-prettylights-syntax-markup-heading: @red;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fade(@red, 40%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fade(@green, 40%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fade(@yellow, 40%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --bgColor-white: @base;\n --color-scale-white: @base;\n --color-scale-gray-3: @overlay2;\n --color-scale-gray-5: @overlay0;\n --color-scale-gray-6: @surface1;\n --color-scale-gray-7: @surface1;\n --color-scale-blue-2: @sky;\n --color-scale-blue-5: @blue;\n --color-scale-green-3: @green;\n --color-scale-green-4: @green;\n --color-scale-yellow-3: @peach;\n --color-scale-orange-4: @peach;\n --color-scale-red-4: @red;\n --shadow-inset: inset 0px 1px 0px 0px @crust;\n --shadow-resting-xsmall: 0px 1px 0px 0px @crust;\n --shadow-resting-small: 0px 1px 0px 0px @crust, 0px 1px 3px 0px @crust;\n --shadow-resting-medium: 0px 3px 6px 0px @crust;\n --shadow-floating-small:\n 0px 0px 0px 1px @base, 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;\n --shadow-floating-medium:\n 0px 0px 0px 1px @surface0, 0px 8px 16px -4px @crust, 0px 4px 32px -4px\n @crust, 0px 24px 48px -12px @crust, 0px 48px 96px -24px @crust;\n --shadow-floating-large:\n 0px 0px 0px 1px @surface0, 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge:\n 0px 0px 0px 1px @surface0, 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;\n --outline-focus: @blue solid 2px;\n\n /* Customer Terms & Agreements Page: https://github.com/customer-terms */\n .enterprise-customer-agreement {\n color: @text !important;\n\n &:hover {\n .octicon,\n h3 {\n color: @accent !important;\n }\n }\n }\n\n /* Enhanced Repo Insights Views - https://github.com/orgs/community/discussions/135572 */\n --data-blue-color-emphasis: @accent;\n --data-red-color-emphasis: @red;\n --data-green-color-emphasis: @green;\n\n /* Copilot Chat */\n --display-green-fgColor: @green;\n --display-teal-fgColor: @teal;\n --display-purple-fgColor: @mauve;\n --display-blue-fgColor: @blue;\n --display-pink-fgColor: @pink;\n --display-gray-fgColor: @subtext0;\n react-app[app-name=\"copilot-immersive-v1\"],\n copilot-dashboard-entrypoint {\n button {\n color: @text;\n }\n }\n\n --tooltip-fgColor: @base;\n --tooltip-bgColor: @overlay2;\n\n /* Refined GitHub */\n --rgh-heat-color: @peach;\n\n .turbo-progress-bar {\n background-color: @accent;\n }\n\n .form-select {\n @svg: escape(\n '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"@{subtext0}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m4.427 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 9H4.604a.25.25 0 0 0-.177.427M4.423 6.47 7.82 3.072a.25.25 0 0 1 .354 0L11.57 6.47a.25.25 0 0 1-.177.427H4.6a.25.25 0 0 1-.177-.427\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n\n /* Header when logged out */\n .HeaderMenu-link {\n color: @text;\n\n &:hover {\n color: @text;\n }\n }\n .header-search-button {\n &.placeholder {\n color: @subtext0;\n }\n\n svg {\n fill: @text !important;\n }\n }\n .HeaderMenu-toggle-bar {\n background-color: @text;\n }\n .notification-indicator .mail-status {\n background-image: linear-gradient(\n @accent,\n darken(@accent, 5%)\n );\n }\n\n .CheckStep {\n .ansifg-r {\n color: var(--color-ansi-red);\n }\n .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n .ansifg-g {\n color: var(--color-ansi-green);\n }\n .ansifg-b {\n color: var(--color-ansi-blue);\n }\n .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n\n .js-activity-overview-graph .js-highlight-blob {\n fill: @accent;\n stroke: @accent;\n }\n\n .subnav-link.selected {\n border-bottom-color: @accent;\n }\n\n /* Pull request check in progress indicator */\n [stroke=\"#DBAB0A\" i] {\n stroke: fade(@yellow, 70%) !important;\n }\n [fill=\"#DBAB0A\" i] {\n fill: @yellow !important;\n }\n }\n}\n\n@-moz-document url-prefix(\n \"https://viewscreen.githubusercontent.com/markdown/mermaid\"\n ) {\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n background-color: @base;\n\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: @surface1;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: @surface2;\n --color-btn-active-bg: @surface2;\n --color-btn-selected-bg: @surface2;\n --color-btn-counter-bg: @surface2;\n --color-btn-outline-text: @accent;\n --color-fg-muted: @subtext1;\n --button-default-fgColor-rest: @text;\n --button-default-bgColor-rest: @surface0;\n --button-default-bgColor-hover: @surface1;\n --button-default-bgColor-active: @surface2;\n --button-default-bgColor-selected: @surface2;\n --button-default-bgColor-disabled: fade(@surface0, 70%);\n --button-default-borderColor-rest: @surface1;\n --button-default-borderColor-hover: @surface1;\n --button-default-borderColor-active: @surface1;\n --button-default-borderColor-disabled: fade(@surface0, 70%);\n\n #diagram {\n .node rect,\n .node circle,\n .node ellipse,\n .node polygon,\n .node path {\n fill: fade(@accent, 10%);\n stroke: @accent;\n }\n\n .cluster rect {\n fill: @surface0;\n stroke: @surface2;\n }\n\n .label text,\n span,\n p {\n fill: @text;\n color: @text;\n }\n\n .flowchart-link {\n stroke: @subtext0;\n }\n .marker {\n stroke: @subtext0;\n fill: @subtext0;\n }\n\n .edgeLabel {\n background-color: @crust;\n p {\n background-color: @surface2;\n }\n }\n }\n\n .octicon {\n fill: var(--color-fg-muted) !important;\n }\n }\n}\n\n@-moz-document regexp(\n \"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\"\n ) {\n :root {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fade(@text, 87%);\n --jp-ui-font-color2: fade(@text, 54%);\n --jp-ui-font-color3: fade(@text, 28%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fade(@crust, 80%);\n --jp-ui-inverse-font-color2: fade(@crust, 50%);\n --jp-ui-inverse-font-color3: fade(@crust, 30%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fade(@text, 70%);\n --jp-content-font-color3: fade(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-background: @mantle;\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fade(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fade(@overlay2, 14%);\n --jp-rendermime-error-background: fade(@red, 18%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fade(@surface2, 14%);\n --jp-dialog-background: fade(@crust, 60%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fade(@crust, 80%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fade(@blue, 30%);\n --jp-editor-selected-focused-background: fade(@blue, 14%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};",
"usercssData": {
"name": "GitHub Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/github",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
"version": "2025.01.05",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub",
"description": "Soothing pastel theme for GitHub",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": null,
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": null,
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": null,
"default": "peach",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for GitHub",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less",
"name": "GitHub Catppuccin",
"updateDate": 1736183348742,
"_id": "221827c6-d89c-4c9e-a283-76ccb779a63c",
"_rev": 1736183348742,
"id": 3
},
{
"enabled": true,
"installDate": 1736183463574,
"sections": [
{
"code": ""
}
],
"customName": "docs.rs",
"sourceCode": "/* ==UserStyle==\n@name docs.rs Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/docs.rs\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/docs.rs\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/docs.rs/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocs.rs\n@description Soothing pastel theme for docs.rs\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach*\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"docs.rs\"), domain(\"doc.rust-lang.org\") {\n :root:not([data-docs-rs-theme]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n :root[data-docs-rs-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-docs-rs-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --color-background-code: @mantle;\n --color-background: @base;\n --input-color: @text;\n --input-box-shadow-focus: 0 0 8px 4px @accent;\n --color-border-light: @surface2;\n --color-border: @surface0;\n --color-doc-link-background: @accent;\n --color-doc-link-hover: @accent;\n --color-error-hover: red;\n --color-error: red;\n --color-macro: red;\n --color-menu-border: red;\n --color-menu-header-background: red;\n --color-navbar-standard: @text;\n --color-standard: @subtext1;\n --color-brand: @text;\n --color-struct: red;\n --color-type: @peach;\n --color-url: @accent;\n --color-warn-background: @peach;\n --color-warn-msg: @crust;\n --color-warn-hover: red;\n --color-warn: @peach;\n --color-background-input: @mantle;\n --color-table-header-background: @surface0;\n --color-table-header: @text;\n --color-search-focus: red;\n --chart-title-color: red;\n --chart-grid: red;\n\n --main-background-color: @base;\n --main-color: @text;\n --settings-input-color: @accent;\n --settings-input-border-color: @surface0;\n --settings-button-color: @text;\n --settings-button-border-focus: @accent;\n --sidebar-background-color: @mantle;\n --sidebar-background-color-hover: @crust;\n --source-sidebar-background-selected: @surface0;\n --source-sidebar-background-hover: @base;\n --code-block-background-color: @mantle;\n --headings-border-bottom-color: @overlay1;\n --border-color: @surface0;\n --button-background-color: @mantle;\n --right-side-color: @surface2;\n --code-attribute-color: @yellow;\n --toggles-color: @subtext1;\n --search-input-focused-border-color: @accent;\n --copy-path-button-color: @text;\n --codeblock-error-hover-color: @red;\n --codeblock-error-color: fade(@red, 70%);\n --codeblock-ignore-hover-color: @red;\n --codeblock-ignore-color: fade(@red, 70%);\n --warning-border-color: red;\n --type-link-color: @sky;\n --trait-link-color: @mauve;\n --assoc-item-link-color: @yellow;\n --function-link-color: @green;\n --macro-link-color: @green;\n --keyword-link-color: @yellow;\n --mod-link-color: @accent;\n --link-color: @accent;\n --sidebar-link-color: @accent;\n --sidebar-current-link-background-color: @surface0;\n --search-result-link-focus-background-color: fade(@accent, 20%);\n --search-result-border-color: @surface0;\n --search-color: @text;\n --search-error-code-background-color: red;\n --search-results-alias-color: red;\n --search-results-grey-color: @subtext1;\n --search-tab-title-count-color: @subtext0;\n --search-tab-button-not-selected-border-top-color: @crust;\n --search-tab-button-not-selected-background: @crust;\n --search-tab-button-selected-border-top-color: @accent;\n --search-tab-button-selected-background: @base;\n --stab-background-color: @surface0;\n --stab-code-color: @accent;\n --code-highlight-kw-color: @mauve;\n --code-highlight-kw-2-color: @mauve;\n --code-highlight-lifetime-color: @blue;\n --code-highlight-prelude-color: @yellow;\n --code-highlight-prelude-val-color: @yellow;\n --code-highlight-number-color: @peach;\n --code-highlight-string-color: @green;\n --code-highlight-literal-color: @red;\n --code-highlight-attribute-color: @yellow;\n --code-highlight-self-color: @red;\n --code-highlight-macro-color: @blue;\n --code-highlight-question-mark-color: @teal;\n --code-highlight-comment-color: @overlay2;\n --code-highlight-doc-comment-color: @overlay2;\n --color-syntax-foreground: inherit;\n --color-syntax-attribute: @yellow;\n --color-syntax-background: @mantle;\n --color-syntax-bool: @red;\n --color-syntax-comment: @overlay2;\n --color-syntax-doc-comment: @overlay2;\n --color-syntax-keyword1: @mauve;\n --color-syntax-keyword2: @mauve;\n --color-syntax-lifetime: @blue;\n --color-syntax-macro: @blue;\n --color-syntax-number: @peach;\n --color-syntax-prelude-ty: @yellow;\n --color-syntax-prelude-val: @yellow;\n --color-syntax-question-mark: @teal;\n --color-syntax-self: @red;\n --color-syntax-string: @green;\n --src-line-numbers-span-color: @accent;\n --src-line-number-highlighted-background-color: fade(@accent, 30%);\n --test-arrow-color: #dedede;\n --test-arrow-background-color: red;\n --test-arrow-hover-color: #dedede;\n --test-arrow-hover-background-color: red;\n --target-background-color: fade(@accent, 10%);\n --target-border-color: @accent;\n --kbd-color: @text;\n --kbd-background: @mantle;\n --kbd-box-shadow-color: @surface1;\n --crate-search-hover-border: red;\n --src-sidebar-background-selected: @surface0;\n --src-sidebar-background-hover: @surface1;\n --table-alt-row-background-color: @mantle;\n --codeblock-link-background: fade(@surface0, 50%);\n --scrape-example-toggle-line-background: red;\n --scrape-example-toggle-line-hover-background: red;\n --scrape-example-code-line-highlight: fade(@accent, 40%);\n --scrape-example-code-line-highlight-focus: fade(@accent, 40%);\n --scrape-example-help-border-color: @subtext0;\n --scrape-example-help-color: @subtext1;\n --scrape-example-help-hover-border-color: @text;\n --scrape-example-help-hover-color: @text;\n --scrape-example-code-wrapper-background-start: @base;\n --scrape-example-code-wrapper-background-end: @base;\n --sidebar-resizer-hover: @sky;\n --sidebar-resizer-active: @sapphire;\n\n select {\n background-color: @mantle;\n border-color: @surface0;\n }\n\n hr {\n border-color: @overlay1;\n }\n\n .rust-logo {\n @svg: escape(\n '<svg height=\"106\" width=\"106\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g transform=\"translate(53 53)\"><path stroke=\"@{text}\" fill=\"@{crust}\" stroke-linejoin=\"round\" d=\"M-8.5-14.5h13c8 0 8 8 0 8h-13Zm-31 37h40v-11h-9v-8h10c11 0 5 19 14 19h25v-19h-6v2c0 8-9 7-10 2s-5-9-6-9c15-8 6-24-6-24h-47v11h10v26h-15Z\"/><g mask=\"url(#a)\"><circle r=\"43\" fill=\"none\" stroke=\"@{crust}\" stroke-width=\"9\"/><path id=\"b\" stroke=\"@{crust}\" stroke-width=\"3\" stroke-linejoin=\"round\" d=\"m46 3 5-3-5-3z\"/><use xlink:href=\"#b\" transform=\"rotate(11.25)\"/><use xlink:href=\"#b\" transform=\"rotate(22.5)\"/><use xlink:href=\"#b\" transform=\"rotate(33.75)\"/><use xlink:href=\"#b\" transform=\"rotate(45)\"/><use xlink:href=\"#b\" transform=\"rotate(56.25)\"/><use xlink:href=\"#b\" transform=\"rotate(67.5)\"/><use xlink:href=\"#b\" transform=\"rotate(78.75)\"/><use xlink:href=\"#b\" transform=\"rotate(90)\"/><use xlink:href=\"#b\" transform=\"rotate(101.25)\"/><use xlink:href=\"#b\" transform=\"rotate(112.5)\"/><use xlink:href=\"#b\" transform=\"rotate(123.75)\"/><use xlink:href=\"#b\" transform=\"rotate(135)\"/><use xlink:href=\"#b\" transform=\"rotate(146.25)\"/><use xlink:href=\"#b\" transform=\"rotate(157.5)\"/><use xlink:href=\"#b\" transform=\"rotate(168.75)\"/><use xlink:href=\"#b\" transform=\"rotate(180)\"/><use xlink:href=\"#b\" transform=\"rotate(191.25)\"/><use xlink:href=\"#b\" transform=\"rotate(202.5)\"/><use xlink:href=\"#b\" transform=\"rotate(213.75)\"/><use xlink:href=\"#b\" transform=\"rotate(225)\"/><use xlink:href=\"#b\" transform=\"rotate(236.25)\"/><use xlink:href=\"#b\" transform=\"rotate(247.5)\"/><use xlink:href=\"#b\" transform=\"rotate(258.75)\"/><use xlink:href=\"#b\" transform=\"rotate(270)\"/><use xlink:href=\"#b\" transform=\"rotate(281.25)\"/><use xlink:href=\"#b\" transform=\"rotate(292.5)\"/><use xlink:href=\"#b\" transform=\"rotate(303.75)\"/><use xlink:href=\"#b\" transform=\"rotate(315)\"/><use xlink:href=\"#b\" transform=\"rotate(326.25)\"/><use xlink:href=\"#b\" transform=\"rotate(337.5)\"/><use xlink:href=\"#b\" transform=\"rotate(348.75)\"/><path id=\"c\" stroke=\"@{crust}\" stroke-width=\"6\" stroke-linejoin=\"round\" d=\"m-7-42 7 7 7-7z\"/><use xlink:href=\"#c\" transform=\"rotate(72)\"/><use xlink:href=\"#c\" transform=\"rotate(144)\"/><use xlink:href=\"#c\" transform=\"rotate(216)\"/><use xlink:href=\"#c\" transform=\"rotate(288)\"/></g><mask id=\"a\"><path fill=\"#fff\" d=\"M-60-60H60V60H-60z\"/><circle id=\"d\" cy=\"-40\" r=\"3\"/><use xlink:href=\"#d\" transform=\"rotate(72)\"/><use xlink:href=\"#d\" transform=\"rotate(144)\"/><use xlink:href=\"#d\" transform=\"rotate(216)\"/><use xlink:href=\"#d\" transform=\"rotate(288)\"/></mask></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[alt=\"Change settings\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27.434\" height=\"29.5\" viewBox=\"0 0 27.434 29.5\" fill=\"@{text}\"><path d=\"M27.316 18.39a2.7 2.7 0 0 0-.98-1.46 1.6 1.6 0 0 1-.016-.762l.035-.176v-1.191c0-1.246-.003-1.278-.046-1.473a1.7 1.7 0 0 1 .007-.805c.477-.343.829-.859.997-1.472.257-.957.074-2.094-.508-3.117l-.594-1.032c-.746-1.304-1.965-2.117-3.18-2.117-.379 0-.75.078-1.086.235a1.96 1.96 0 0 1-.855-.391l-.102-.082-.117-.063-1.855-1.07-.094-.055-.106-.043c-.378-.156-.66-.41-.77-.554C17.919 1.172 16.349 0 14.297 0h-1.155c-2.043 0-3.61 1.152-3.75 2.723-.114.14-.391.382-.758.527l-.102.04-.094.05-1.94 1.066-.134.074-.117.094a2 2 0 0 1-.832.403 2.5 2.5 0 0 0-1.008-.211c-1.199 0-2.414.82-3.168 2.14l-.59 1.032c-.41.718-.64 1.523-.64 2.257-.004.953.36 1.758 1.012 2.258a1.9 1.9 0 0 1-.016.785c-.04.168-.063.282-.063 1.563 0 1.148 0 1.148.016 1.261l.008.075.015.074c.075.344.047.64.012.8-.644.5-1.004 1.302-.992 2.259.008.726.238 1.52.648 2.242l.59 1.027c.758 1.332 1.965 2.16 3.149 2.16.324 0 .644-.062.937-.187.168.039.492.156.813.418l.11.086.124.07 2.047 1.156.102.059.105.043c.363.144.648.379.766.52.164 1.519 1.718 2.632 3.746 2.632h1.156c2.035 0 3.598-1.133 3.746-2.672.117-.144.402-.394.773-.55l.114-.047.101-.063 1.961-1.156.106-.063.097-.078c.309-.246.653-.37.832-.398.313.136.66.21 1.016.21 1.2 0 2.41-.82 3.164-2.14l.594-1.031c.59-1.028.777-2.164.52-3.117Zm-2.043 2.247-.59 1.031c-.437.766-1.105 1.25-1.636 1.25a.7.7 0 0 1-.371-.094 1.15 1.15 0 0 0-.567-.129c-.593 0-1.382.297-2.007.797l-1.961 1.156c-1.016.426-1.848 1.293-1.848 1.93 0 .64-.898 1.16-1.996 1.16H13.14c-1.102 0-2-.515-2-1.14 0-.63-.832-1.477-1.852-1.887l-2.047-1.16c-.637-.512-1.426-.813-2.008-.813-.199 0-.379.035-.515.114a.65.65 0 0 1-.332.085c-.52 0-1.18-.5-1.621-1.273l-.59-1.031c-.543-.953-.555-1.98-.024-2.285.532-.305.782-1.434.551-2.504V14.8c0-1.09.02-1.18.02-1.18.238-1.074-.008-2.203-.551-2.516-.54-.304-.54-1.34.008-2.293l.59-1.03c.437-.766 1.101-1.255 1.636-1.255a.73.73 0 0 1 .364.094c.152.086.343.125.566.125.594 0 1.379-.297 2.004-.793l1.945-1.066c1.02-.407 1.856-1.278 1.856-1.934s.898-1.191 2-1.191h1.156c1.098 0 1.996.543 1.996 1.21 0 .669.832 1.555 1.848 1.973L20 6.012c.617.492 1.402.777 2.012.777.242 0 .453-.047.62-.14a.8.8 0 0 1 .403-.102c.55 0 1.223.476 1.652 1.23l.59 1.032c.543.953.52 2.004-.062 2.336-.574.332-.86 1.48-.625 2.554 0 0 .008.04.008 1.102v1.011c-.215 1.051.07 2.176.636 2.5.567.325.586 1.368.04 2.325Zm0 0\"/><path d=\"M13.61 7.61a7.084 7.084 0 0 0-7.083 7.085 7.085 7.085 0 1 0 14.168 0A7.09 7.09 0 0 0 13.61 7.61m0 12.41a5.33 5.33 0 0 1-5.325-5.325 5.33 5.33 0 0 1 5.324-5.32 5.327 5.327 0 0 1 5.325 5.32 5.33 5.33 0 0 1-5.325 5.325Zm0 0\"/><path d=\"M13.684 9.906a4.72 4.72 0 0 0-4.72 4.719 4.72 4.72 0 0 0 4.72 4.719 4.724 4.724 0 0 0 4.714-4.719 4.724 4.724 0 0 0-4.714-4.719m0 7.676a2.954 2.954 0 1 1 0-5.91 2.953 2.953 0 0 1 2.953 2.953 2.957 2.957 0 0 1-2.953 2.957m0 0\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n #settings-menu {\n img[alt=\"Change settings\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27.434\" height=\"29.5\" viewBox=\"0 0 27.434 29.5\" fill=\"@{text}\"><path d=\"M27.316 18.39a2.7 2.7 0 0 0-.98-1.46 1.6 1.6 0 0 1-.016-.762l.035-.176v-1.191c0-1.246-.003-1.278-.046-1.473a1.7 1.7 0 0 1 .007-.805c.477-.343.829-.859.997-1.472.257-.957.074-2.094-.508-3.117l-.594-1.032c-.746-1.304-1.965-2.117-3.18-2.117-.379 0-.75.078-1.086.235a1.96 1.96 0 0 1-.855-.391l-.102-.082-.117-.063-1.855-1.07-.094-.055-.106-.043c-.378-.156-.66-.41-.77-.554C17.919 1.172 16.349 0 14.297 0h-1.155c-2.043 0-3.61 1.152-3.75 2.723-.114.14-.391.382-.758.527l-.102.04-.094.05-1.94 1.066-.134.074-.117.094a2 2 0 0 1-.832.403 2.5 2.5 0 0 0-1.008-.211c-1.199 0-2.414.82-3.168 2.14l-.59 1.032c-.41.718-.64 1.523-.64 2.257-.004.953.36 1.758 1.012 2.258a1.9 1.9 0 0 1-.016.785c-.04.168-.063.282-.063 1.563 0 1.148 0 1.148.016 1.261l.008.075.015.074c.075.344.047.64.012.8-.644.5-1.004 1.302-.992 2.259.008.726.238 1.52.648 2.242l.59 1.027c.758 1.332 1.965 2.16 3.149 2.16.324 0 .644-.062.937-.187.168.039.492.156.813.418l.11.086.124.07 2.047 1.156.102.059.105.043c.363.144.648.379.766.52.164 1.519 1.718 2.632 3.746 2.632h1.156c2.035 0 3.598-1.133 3.746-2.672.117-.144.402-.394.773-.55l.114-.047.101-.063 1.961-1.156.106-.063.097-.078c.309-.246.653-.37.832-.398.313.136.66.21 1.016.21 1.2 0 2.41-.82 3.164-2.14l.594-1.031c.59-1.028.777-2.164.52-3.117Zm-2.043 2.247-.59 1.031c-.437.766-1.105 1.25-1.636 1.25a.7.7 0 0 1-.371-.094 1.15 1.15 0 0 0-.567-.129c-.593 0-1.382.297-2.007.797l-1.961 1.156c-1.016.426-1.848 1.293-1.848 1.93 0 .64-.898 1.16-1.996 1.16H13.14c-1.102 0-2-.515-2-1.14 0-.63-.832-1.477-1.852-1.887l-2.047-1.16c-.637-.512-1.426-.813-2.008-.813-.199 0-.379.035-.515.114a.65.65 0 0 1-.332.085c-.52 0-1.18-.5-1.621-1.273l-.59-1.031c-.543-.953-.555-1.98-.024-2.285.532-.305.782-1.434.551-2.504V14.8c0-1.09.02-1.18.02-1.18.238-1.074-.008-2.203-.551-2.516-.54-.304-.54-1.34.008-2.293l.59-1.03c.437-.766 1.101-1.255 1.636-1.255a.73.73 0 0 1 .364.094c.152.086.343.125.566.125.594 0 1.379-.297 2.004-.793l1.945-1.066c1.02-.407 1.856-1.278 1.856-1.934s.898-1.191 2-1.191h1.156c1.098 0 1.996.543 1.996 1.21 0 .669.832 1.555 1.848 1.973L20 6.012c.617.492 1.402.777 2.012.777.242 0 .453-.047.62-.14a.8.8 0 0 1 .403-.102c.55 0 1.223.476 1.652 1.23l.59 1.032c.543.953.52 2.004-.062 2.336-.574.332-.86 1.48-.625 2.554 0 0 .008.04.008 1.102v1.011c-.215 1.051.07 2.176.636 2.5.567.325.586 1.368.04 2.325Zm0 0\"/><path d=\"M13.61 7.61a7.084 7.084 0 0 0-7.083 7.085 7.085 7.085 0 1 0 14.168 0A7.09 7.09 0 0 0 13.61 7.61m0 12.41a5.33 5.33 0 0 1-5.325-5.325 5.33 5.33 0 0 1 5.324-5.32 5.327 5.327 0 0 1 5.325 5.32 5.33 5.33 0 0 1-5.325 5.325Zm0 0\"/><path d=\"M13.684 9.906a4.72 4.72 0 0 0-4.72 4.719 4.72 4.72 0 0 0 4.72 4.719 4.724 4.724 0 0 0 4.714-4.719 4.724 4.724 0 0 0-4.714-4.719m0 7.676a2.954 2.954 0 1 1 0-5.91 2.953 2.953 0 0 1 2.953 2.953 2.957 2.957 0 0 1-2.953 2.957m0 0\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n > a:not(:has(img))::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 12 12\" fill=\"@{text}\"><path d=\"M10.25 6c0-.124-.026-.241-.037-.363l1.608-1.554-1.25-2.166-2.132.61a4 4 0 0 0-.65-.37L7.25 0h-2.5l-.54 2.157a4 4 0 0 0-.649.37l-2.132-.61-1.25 2.166 1.608 1.554c-.01.122-.037.239-.037.363s.026.241.037.363L.179 7.917l1.25 2.166 2.132-.61q.307.213.65.37L4.75 12h2.5l.54-2.157a4 4 0 0 0 .649-.37l2.132.61 1.25-2.166-1.608-1.554c.01-.122.037-.239.037-.363M6 7.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n .setting-check input:checked {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><path d=\"m7 23 10 7 16-20\" fill=\"none\" stroke=\"@{crust}\" stroke-width=\"5\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #copy-path {\n @raw: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"%COLOR%\"><path d=\"M18 20h2v3c0 1-1 2-2 2H2c-.998 0-2-1-2-2V5c0-.911.755-1.667 1.667-1.667h5A3.323 3.323 0 0 1 10 0a3.323 3.323 0 0 1 3.333 3.333h5A1.68 1.68 0 0 1 20 5v8.333h-2V9H2v14h16zM3 7h14c0-.911-.793-1.667-1.75-1.667H13.5c-.957 0-1.75-.755-1.75-1.666C11.75 2.755 10.957 2 10 2s-1.75.755-1.75 1.667c0 .911-.793 1.666-1.75 1.666H4.75C3.793 5.333 3 6.09 3 7\"/><path d=\"M4 19h6v2H4zm8-8H4v2h8zm-8 6h4v-2H4zm11-2v-3l-4.5 4.5L15 21v-3l8.027-.032L23 15z\"/></svg>';\n @raw_before: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"18\" viewBox=\"0 0 24 25\" fill=\"%COLOR%\"><path d=\"M18 20h2v3c0 1-1 2-2 2H2c-.998 0-2-1-2-2V5c0-.911.755-1.667 1.667-1.667h5A3.323 3.323 0 0 1 10 0a3.323 3.323 0 0 1 3.333 3.333h5A1.68 1.68 0 0 1 20 5v8.333h-2V9H2v14h16zM3 7h14c0-.911-.793-1.667-1.75-1.667H13.5c-.957 0-1.75-.755-1.75-1.666C11.75 2.755 10.957 2 10 2s-1.75.755-1.75 1.667c0 .911-.793 1.666-1.75 1.666H4.75C3.793 5.333 3 6.09 3 7\"/><path d=\"M4 19h6v2H4zm8-8H4v2h8zm-8 6h4v-2H4zm11-2v-3l-4.5 4.5L15 21v-3l8.027-.032L23 15z\"/></svg>';\n\n > img {\n @svg: escape(replace(@raw, \"%COLOR%\", @subtext0));\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n &:hover > img {\n @svg: escape(replace(@raw, \"%COLOR%\", @text));\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n &:not(:has(> img)) {\n &::before {\n @svg: escape(replace(@raw_before, \"%COLOR%\", @subtext0));\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n &:hover::before {\n @svg: escape(replace(@raw_before, \"%COLOR%\", @text));\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n }\n }\n\n details.toggle {\n @plus: escape(\n '<svg width=\"17\" height=\"17\" shape-rendering=\"crispEdges\" stroke=\"@{text}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 2.5H2.5v12H5m7-12h2.5v12H12m-7-6h7M8.5 12V5\"/></svg>'\n );\n @minus: escape(\n '<svg width=\"17\" height=\"17\" shape-rendering=\"crispEdges\" stroke=\"@{text}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 2.5H2.5v12H5m7-12h2.5v12H12m-7-6h7\"/></svg>'\n );\n\n > summary::before {\n background: url(\"data:image/svg+xml,@{plus}\") no-repeat top left;\n filter: none;\n }\n\n &[open] > summary::before {\n background: url(\"data:image/svg+xml,@{minus}\") no-repeat top left;\n }\n }\n\n .src #sidebar-button > a::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\" stroke=\"@{text}\"><path d=\"M16 9V5h-6V4L8 2H4L2 4v16h13l6-11H6L2 19\" stroke-width=\"1.25\"/><path d=\"M15 7H4v3\" stroke-width=\".75\"/><path d=\"M3.75 10v1.25\" stroke-width=\".375\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .pure-menu-link {\n color: @subtext0;\n\n &:hover {\n color: @text;\n }\n }\n .pure-table {\n &,\n td,\n th {\n border-color: @surface0;\n }\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};",
"usercssData": {
"name": "docs.rs Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/docs.rs",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/docs.rs",
"version": "2024.12.31",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/docs.rs/catppuccin.user.less",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocs.rs",
"description": "Soothing pastel theme for docs.rs",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": null,
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": null,
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": null,
"default": "peach",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for docs.rs",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/docs.rs",
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/docs.rs/catppuccin.user.less",
"name": "docs.rs Catppuccin",
"updateDate": 1736183549761,
"_id": "e656d5bb-b4ca-4610-9f58-3d84843613be",
"_rev": 1736183549761,
"id": 4
},
{
"enabled": true,
"installDate": 1736183611623,
"sections": [
{
"code": ""
}
],
"customName": "Google",
"sourceCode": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach*\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n iframe {\n color-scheme: none !important;\n }\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n &,\n body {\n background: @base !important;\n --uv-styles-color-surface: @crust;\n --uv-styles-color-tertiary: @surface0;\n --uv-styles-color-secondary: fade(@blue, 25%);\n --uv-styles-color-primary: @base;\n --uv-styles-color-on-primary: @blue;\n --uv-styles-color-text-primary: @blue;\n --uv-styles-color-icon-default: @text;\n --uv-styles-color-text-emphasis: @text;\n --uv-styles-color-icon-on-secondary: @subtext0;\n --uv-styles-color-on-tertiary: @text;\n --uv-styles-color-icon-on-tertiary: @text;\n --uv-styles-color-scrim: fade(@crust, 75%);\n --uv-styles-color-on-scrim: @text;\n --uv-styles-color-icon-on-scrim: @text;\n --xhUGwc: @base;\n --bbQxAb: @text;\n --IXoxUe: @subtext0;\n --COEmY: @text;\n --YLNNHc: @text;\n --JKqx2: @blue;\n --gS5jXb: @surface0;\n --mXZkqc: @surface0;\n --EpFNW: @mantle;\n --XKMDxc: @mantle;\n --TSWZIb: @mantle;\n --tefdc5886c2f04483: @text;\n --te8f1ea4d4928be48: @text !important;\n --ta884a309a24f44f4: @subtext0 !important;\n --tdee01b39543f1cac: @base !important;\n --tcc8c9ef487836e2b: @surface0 !important;\n --ta83cba65577ef850: @blue !important;\n --t7d1a3050c2c1c0a5: @text !important;\n --t6a0469853a1a02c1: @text !important;\n --t5feec22832a0fdd6: @surface0 !important;\n --t342c96645d13ae13: @accent !important;\n --t6c7325fca9d536d4: @text !important;\n --tf7148cf5018d5074: @text !important;\n --t9ab8d922307d428d: @text;\n --t62e84c71989f1975: @red !important;\n --tc9db399ed82142e1: @green !important;\n --uv-styles-color-text-default: @subtext0 !important;\n --uv-styles-color-review-stars: @yellow !important;\n --gm3-sys-color-primary: @surface0;\n --gm3-sys-color-on-primary: @blue;\n --Nsm0ce: @blue;\n }\n\n /* header background */\n .CvDJxb {\n background-color: @base !important;\n }\n\n /* safe search toggle dropdown */\n .z4R3Z.yb2zA {\n color: @blue !important;\n }\n .z4R3Z {\n color: @text !important;\n }\n\n /* selected image background */\n .PNCib.fT6ABc::after {\n background-color: @surface1 !important;\n border-color: @blue !important;\n }\n\n /* travel */\n .Usd1Ac {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n .P77izf {\n background-color: @base !important;\n color: @text !important;\n }\n .VfPpkd-StrnGf-rymPhb-f7MjDc,\n .VfPpkd-qPzbhe-JNdkSc-Bz112c {\n color: @accent !important;\n }\n .EL3pcf {\n color: @accent !important;\n }\n .bVfPpkd-StrnGf-rymPhb,\n .DMZ54e {\n color: @text !important;\n }\n .VfPpkd-pafCAf,\n .VfPpkd-pafCAf-OWXEXe-Xhs9z {\n fill: @mantle !important;\n }\n .VfPpkd-l6JLsf::after {\n background-color: @blue !important;\n }\n .VfPpkd-l6JLsf::before {\n background-color: @surface2 !important;\n }\n .VfPpkd-uMhiad::after {\n background: @overlay0;\n }\n .dmaMHc {\n background-color: @surface0 !important;\n }\n .AJxgH {\n background-color: @mantle !important;\n }\n .VfPpkd-cTi5dd {\n color: @accent !important;\n }\n /* news column thingymaboober idk what it's actually called, but it's like these columns of news headlines so yeah */\n .nEklgc {\n background-color: @surface0;\n }\n .JJZKK.Wui1sd {\n border-color: @surface0;\n }\n .rbYSKb,\n .FuOudf,\n .GI74Re {\n color: @subtext0;\n }\n /* widgets */\n /* timer */\n .pMz3A,\n .qhXOwb,\n .yrvNxb .pv60Cd,\n .LPl7kb .pv60Cd,\n .Q7q8pf .pv60Cd {\n background-color: @mantle !important;\n }\n\n /* color picker */\n .P2c8Dd {\n background-color: @base;\n }\n\n .R9RxHd {\n border-color: @surface0;\n }\n\n /* unit converter */\n .LNn04b {\n background-color: @mantle;\n color: @text !important;\n border-color: @surface0;\n }\n\n .vXQmIe,\n .vk_c {\n color: @text !important;\n border-color: @surface0 !important;\n }\n\n .NIzGle {\n background-color: @yellow;\n color: @crust;\n }\n\n /* periodic table */\n .DJ3Gm {\n background-color: @peach;\n color: @crust;\n }\n\n .nA1S9d {\n background-color: @mauve;\n color: @crust;\n }\n\n .qY66Od {\n background-color: @blue;\n color: @crust;\n }\n\n .IJR6Te {\n background-color: @sky;\n color: @crust;\n }\n\n .asrVsb {\n background-color: @surface0;\n }\n\n .VCIyZb {\n background-color: @red;\n color: @crust;\n }\n\n .QRbwTb {\n background-color: @teal;\n color: @crust;\n }\n\n .tASb2d {\n background-color: darken(@red, 5%);\n color: @crust;\n }\n\n .Fm9Me {\n background-color: @yellow;\n color: @crust;\n }\n\n .wo1y7c {\n background-color: @green;\n color: @crust;\n }\n\n /* search bar right beneath websites */\n .YbqTTb,\n g-flat-button.BwMo1 {\n background-color: @base;\n border-color: @surface0;\n }\n\n .YbqTTb:focus {\n border-color: @accent;\n }\n\n /* some play buttons on games */\n .fxvhbc,\n .pGGGle {\n background-color: @accent;\n color: @crust;\n }\n\n /* calculator senpai~ */\n .zRQJhd {\n background-color: @base !important;\n }\n .XH1CIc {\n color: @subtext0;\n }\n .pno7A.hU1rMc .Tqvz7b,\n .pno7A.rfUaPd .SwDSDf {\n color: @subtext1;\n }\n .pno7A.rfUaPd .Tqvz7b {\n color: @text;\n }\n .tR3EBc {\n background-color: @mantle;\n }\n .AOvabd,\n .dxp44d {\n background: @surface0 !important;\n color: @text !important;\n border-color: @surface0 !important;\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n .zbvg1c {\n color: @text;\n }\n .UUhRt {\n background-color: @blue;\n color: @mantle;\n border-color: @blue;\n &:hover {\n background-color: @sky;\n border-color: @sky;\n }\n }\n .tw-lliw.item-selected .language_list_item {\n color: @blue;\n }\n .qv3Wpe {\n color: @text;\n }\n .TIGsTb {\n border-color: @surface0;\n }\n .TIGsTb:hover {\n background-color: @surface0;\n border-color: @surface0;\n }\n .MEdqYd,\n .feqqG {\n background: @surface2;\n color: @text;\n border-color: @surface2;\n &:hover {\n background-color: @overlay0;\n border-color: @overlay0;\n }\n }\n /* more button */\n .CybWFf {\n background-color: @surface0;\n }\n .Lu57id {\n color: @subtext0;\n }\n /* live sports */\n .Wrsj9b,\n .ofy7ae,\n .PPjCfd,\n .lr-imso-fix {\n background-color: @accent !important;\n color: @crust !important;\n }\n\n .liveresults-sports-immersive__match-grid-bottom-border,\n .liveresults-sports-immersive__match-grid-right-border,\n .YENodc {\n border-color: @surface0;\n }\n\n .liveresults-sports-immersive__match-tile:hover,\n .KAIX8d:hover,\n .kwbMAe {\n background-color: @surface0;\n }\n\n .imspo_mt__dt-t,\n .imspo_mt__pm-infc,\n .GOsQPe {\n color: @text !important;\n }\n /* knowoledge panel uwu */\n .H73aad {\n &,\n &hover {\n background-color: @mantle !important;\n border-color: @surface0 !important;\n }\n }\n\n .AQtWSd,\n .ulmfef,\n .xCBykf,\n .m2E3md {\n color: @blue;\n }\n\n .joHe2d {\n background-color: @base !important;\n box-shadow: 0 1px 0 @base !important;\n }\n .xt8Uw,\n .ipwqjc,\n .Bk8Hxd:link,\n .ucRBdc,\n .PDzHbe,\n .pt3Hdf,\n .Cv2Brc,\n .IFGUre,\n .review-dialog {\n color: @text;\n }\n\n .GK1a5e {\n background-color: @text;\n }\n\n .RC9d6e {\n border-top-color: @text;\n }\n\n .IFmkIb.IFmkIb {\n background-color: @surface0;\n border-color: @surface2;\n }\n .ab_button {\n background-image: linear-gradient(to top, @surface0, @base);\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .PGbOqf {\n background-color: @accent;\n }\n\n .yAbdSd {\n color: @red;\n }\n\n .ycghLd {\n background-color: @red;\n border-color: @red;\n }\n\n .IRH78d,\n .CFjcj,\n .HkuhB {\n color: @subtext0;\n }\n .l2gNXd {\n background-color: @yellow;\n }\n .uVGhGc,\n .hIqKNb {\n background-color: @surface0;\n }\n .tcuWYc {\n background-image: linear-gradient(\n @overlay0 1px,\n rgba(255, 255, 255, 0) 0\n );\n }\n .qk7LXc.Fb1AKc,\n .fAt9Jd,\n .SME0md,\n .ipwqjc {\n background-color: @base !important;\n }\n\n .ttBXeb,\n .NDTw3e.K7R36c,\n .knowledge-finance-wholepage-chart__fw-uch .uch-svg {\n color: @subtext0;\n }\n\n .sQ6RSc {\n fill: @text;\n }\n\n .egcvbb {\n border-color: @surface2;\n &:hover {\n border-color: @text;\n }\n }\n\n .knowledge-finance-wholepage-chart__hover-card {\n background-color: @base;\n }\n .knowledge-finance-wholepage-chart__hover-card-time {\n color: @subtext0;\n }\n\n .fw-ch-sel .KWk7r.qUjgX {\n background-color: @surface0;\n color: @blue;\n }\n\n .gb_Ka.gb_f,\n .gb_Na.gb_f,\n #gb {\n background-color: @base !important;\n svg,\n .gb_Rc svg,\n .gb_dd .gb_ld,\n .gb_3c .gb_ld {\n color: @text;\n }\n }\n .gb_Nc a.gb_F,\n .gb_Nc span.gb_F {\n color: @text;\n }\n .uU7dJb {\n border-bottom-color: @surface0;\n background-color: @mantle;\n color: @subtext1;\n }\n .gb_Nc .gb_d:hover {\n background-color: @surface0;\n }\n .KxwPGc {\n background-color: @mantle;\n }\n .HJSKzf {\n color: @text;\n }\n\n .gbqfba,\n .lJ9FBc input[type=\"submit\"] {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n color: @text;\n background-color: @surface0;\n border-color: @surface2;\n }\n }\n\n /* AI search */\n\n .UxeQfc,\n .s7d4ef,\n .yXu61c,\n .X6JNf,\n .BERAof,\n .oxbMzd,\n .A5s9h,\n .V9Wb7c,\n .GVUPk,\n .GyAeWb,\n .A0hi5,\n .Tme6jf {\n background-color: @base !important;\n }\n\n .d3o3Ad,\n .sZKvbe {\n fill: @green !important;\n }\n\n .Fzsovc,\n .cwYVJe,\n .RJPOee,\n .vM0jzc,\n .clOx1e,\n .vDF3Oc.vDF3Oc .R8BTeb,\n .vDF3Oc.vDF3Oc .ouxCkc,\n .Yt787,\n .mulB1,\n .xUc8Ie,\n .sfgTZc,\n .I6Kpxd,\n .cQEt3 {\n color: @text !important;\n }\n\n .yQLaje,\n .tVoQIb,\n .f9nOyf,\n .kHtcsd,\n .DopHqc,\n .p7bv,\n .ar9V1,\n .DfMusf,\n .y6CIle,\n .JukT7c,\n .xUc8Ie.BXdrne,\n .sEqX7e,\n .ZFiwCf {\n background-color: @surface0 !important;\n }\n\n .xUc8Ie.BXdrne,\n .YUg0se,\n .WGbsof {\n border-color: @surface2 !important;\n }\n\n .NOo3C {\n color: @subtext1;\n }\n\n .WGbsof[selected] {\n background-color: @blue;\n border-color: @blue !important;\n }\n\n /* End of AI search */\n\n /* \"People also search for..\" / \"People also ask\" section */\n .vIifob,\n .p8Jhnd {\n background-color: @surface0 !important;\n }\n\n .vBnbff,\n .RSWv0c.NaC7Cf,\n .RSWv0c.NaC7Cf .q8U8x > div:nth-child(1) {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .DxHbyd {\n background-color: @surface2 !important;\n }\n\n .dg6jd {\n color: @text !important;\n }\n\n /* mobile ui */\n /* header background & search bar */\n .v6U7rf {\n background-color: @base;\n }\n\n .zGVn2e,\n .u4frDf {\n background: @surface0 !important;\n }\n\n /* search suggestions */\n .K4VNlb,\n .Sl6fgd.A7Yvie,\n .Sl6fgd .zGVn2e,\n .UUbT9 {\n background-color: @surface0;\n border-color: @surface0 !important;\n }\n .sb43 {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" width=\"40\" height=\"124\" viewBox=\"0 0 10.583 32.808\"><g opacity=\"1\"><path d=\"m1.413 30.263-.631-.63 3.336-3.36 1.803 1.804 2.344-2.322H7.093v-.901h2.705v2.704h-.902v-1.172l-2.975 2.976-1.803-1.804Z\" fill=\"@{subtext1}\" fill-opacity=\".992157\" stroke-width=\".391936\"/><g fill=\"#e8eaed\" stroke-width=\".742615\"><path fill=\"none\" d=\"M1.016 12.129h8.551v8.551H1.016Z\" fill-opacity=\"1\" stroke-width=\".742615\"/><path d=\"M5.288 12.842a3.562 3.562 0 1 0 3.566 3.562 3.564 3.564 0 0 0-3.566-3.562m.003 6.413a2.85 2.85 0 1 1 0-5.7 2.85 2.85 0 1 1 0 5.7m.179-4.632h-.535v2.138l1.87 1.122.268-.438-1.603-.951z\" display=\"inline\" fill=\"@{subtext1}\" fill-opacity=\".992157\" stroke-width=\".742615\"/></g><g fill=\"none\" stroke-width=\".6\"><path d=\"M0 0h10.583v10.583H0Z\" fill=\"none\" stroke-width=\".6\"/><path d=\"M6.835 6.174h-.348l-.124-.12a2.85 2.85 0 0 0 .693-1.865 2.866 2.866 0 1 0-2.867 2.867c.71 0 1.363-.26 1.866-.693l.119.124v.348l2.204 2.2.657-.657zm-2.646 0c-1.098 0-1.984-.887-1.984-1.985s.886-1.984 1.984-1.984 1.985.886 1.985 1.984-.887 1.985-1.985 1.985\" fill=\"@{subtext1}\" fill-opacity=\".996078\" stroke-width=\".6\"/></g></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* text */\n .SAuUUd-z5C9Gb-fmcmS,\n .tJaMb,\n .TElO2c,\n .cQp1Ab {\n color: @text !important;\n }\n\n .s49v2 {\n b,\n span {\n color: @text !important;\n }\n }\n\n .ob9lvb {\n color: @subtext0;\n }\n\n /* borders */\n .Dgr5Hb,\n .GqbEwc {\n border-color: @surface0 !important;\n }\n\n #gsr {\n background-color: @mantle;\n }\n\n .Ww4FFb {\n box-shadow: 0 0 0 1px @base;\n }\n\n .Faw6Fe,\n .GpOXq {\n border-color: @surface0 !important;\n }\n\n .zGVn2e,\n .jh86Nb {\n border-color: @surface1 !important;\n }\n\n /* Featured snippets */\n @media (prefers-reduced-motion: no-preference) {\n .c2xzTb .ILfuVd b {\n background: linear-gradient(\n 90deg,\n fade(@accent, 30%) 50%,\n #0000 50%\n ) no-repeat 75% 0;\n background-size: 200% 100%;\n }\n }\n\n .pHiOh,\n a.pHiOh {\n color: @subtext1 !important;\n }\n a {\n color: @blue;\n }\n .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n }\n .RNNXgb:hover,\n .sbfc .RNNXgb {\n background: @surface0 !important;\n border-color: @surface0;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .minidiv .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n &:hover {\n box-shadow: 0 4px 12px @crust;\n }\n }\n .HSryR .KsRP6 {\n border-color: @surface2;\n }\n .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 @crust;\n background: @surface0;\n border-color: @surface0;\n }\n .aajZCb {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .xtSCL {\n border-top-color: @surface2;\n }\n .sbct:hover {\n background-color: @surface1;\n }\n .WggQGd {\n color: @mauve !important;\n }\n .JCHpcb {\n color: @subtext0;\n }\n .JCHpcb:hover {\n color: @blue;\n }\n .wM6W7d,\n .ABAbCc {\n color: @text;\n }\n .uDetx {\n fill: @text;\n }\n .ExCKkf,\n .BjWz4c {\n color: @subtext0;\n }\n .ACRAdd {\n border-left-color: @overlay0;\n }\n .Pvpvv {\n background-color: @crust;\n border-color: @surface1;\n color: @text;\n }\n .w9dUj {\n color: @text !important;\n }\n .Pvpvv .zE5Aq,\n .adnFRd,\n .XfJHbe {\n color: @blue;\n }\n .CS4h3e {\n background-color: @subtext0;\n }\n .Pvpvv .xyGai {\n color: @text;\n }\n #SIvCob {\n color: @text;\n }\n .gb_Jc a.gb_B,\n .gb_Jc span.gb_B {\n color: @text;\n }\n .gb_Jc svg,\n .gb_Oc.gb_Sc svg,\n .gb_Jc .gb_ad .gb_id,\n .gb_Jc .gb_ad .gb_Ic,\n .gb_Jc .gb_ad .gb_cd,\n .gb_Oc.gb_Sc .gb_id {\n color: @text;\n }\n .gb_Ka svg,\n .gb_Oc svg,\n .gb_ad .gb_id,\n .gb_0c .gb_id {\n color: @text;\n }\n .gLFyf {\n color: @text;\n }\n .QCzoEc {\n color: @overlay2;\n }\n .szppmdbYutt__middle-slot-promo {\n color: @text;\n }\n .gb_Jc .gb_Ud button:hover svg,\n .gb_Jc .gb_d:hover {\n background-color: @surface0;\n }\n .gb_Jc .gb_Ud.gb_qe button:hover svg,\n .gb_Ud button:hover svg,\n .gb_d:hover {\n background-color: @surface0;\n }\n .gb_We {\n background: @mantle;\n color: @text;\n }\n a.gb_B,\n span.gb_B {\n color: @text;\n }\n .gb_zc div:first-child {\n color: @text;\n }\n .gb_zc > * {\n color: @subtext0;\n }\n .ClJ9Yb {\n color: @subtext0;\n }\n .sfbg {\n background-color: @base;\n }\n .jfN4p,\n .lnXdpd:not([src^=\"/logos/doodles/\"]) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"92\"><path fill=\"@{red}\" d=\"M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18m-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44\"/><path fill=\"@{yellow}\" d=\"M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18m-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44\"/><path fill=\"@{blue}\" d=\"M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36\"/><path fill=\"@{green}\" d=\"M225 3v65h-9.5V3z\"/><path fill=\"@{red}\" d=\"m262.02 54.48 7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14m-23.27-7.98 19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93\"/><path fill=\"@{blue}\" d=\"M35.29 41.41V32H67c.31 1.64.47 3.58.47 5.68 0 7.06-1.93 15.79-8.15 22.01-6.05 6.3-13.78 9.66-24.02 9.66C16.32 69.35.36 53.89.36 34.91S16.32.47 35.3.47c10.5 0 17.98 4.12 23.6 9.49l-6.64 6.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86 0-24.7 11.17-24.7 25.03s10.84 25.03 24.7 25.03c8.99 0 14.11-3.61 17.39-6.89 2.66-2.66 4.41-6.46 5.1-11.65z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .aXBZVd {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"@{text}\" d=\"m20.49 19-5.73-5.73C15.53 12.2 16 10.91 16 9.5A6.5 6.5 0 1 0 9.5 16c1.41 0 2.7-.47 3.77-1.24L19 20.49zM5 9.5C5 7.01 7.01 5 9.5 5S14 7.01 14 9.5 11.99 14 9.5 14 5 11.99 5 9.5\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n .zgAlFc {\n color: @blue;\n }\n .fLciMb {\n color: @text;\n }\n .d2IKib {\n color: @red;\n }\n .fLciMb:hover {\n background-color: @surface0;\n }\n .kno-ftr.rpBMYb {\n color: @subtext0;\n }\n .aTI8gc {\n color: @text;\n }\n .wwUB2c {\n color: @subtext0;\n }\n .dhERQc {\n color: @base !important;\n background-color: @blue !important;\n }\n .z1asCe,\n .ikb4Bb {\n color: @subtext1 !important;\n }\n .rsGxI.Ww4FFb,\n .Ww4FFb {\n background-color: @base;\n }\n .RES9jf {\n color: @text;\n }\n .CSkcDe,\n .related-question-pair div.iDjcJe {\n color: @text;\n }\n .cUnQKe .ILfuVd b,\n .cUnQKe .QBI8hf b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .cUnQKe .ILfuVd,\n .cUnQKe .UiGGAb.ILfuVd {\n color: @subtext1;\n }\n .ZYHQ7e {\n color: @subtext0;\n }\n .VuuXrf {\n color: @text;\n }\n .hb8SAc,\n .gb_Oc a.gb_H,\n .gb_Oc span.gb_H {\n color: @text;\n }\n .TQc1id .I6TXqe {\n border-color: @surface2;\n }\n .I6TXqe,\n .zaokob {\n background: @base;\n }\n .tw-lliw:hover,\n .tw-lliw:focus {\n background-color: @surface0;\n }\n .language_list_languages.tw-ll-top::after {\n background: linear-gradient(to bottom, transparent, @base);\n }\n .HsZQAe {\n border-bottom-color: @surface2;\n }\n .KLEmSd {\n border-bottom-color: @surface1;\n }\n .NtaMpb .niO4u,\n .nZWEZc .ttwCMe,\n .xNzW0d,\n .lWzCpb {\n background-color: @base;\n }\n .aURkK {\n border-left-color: @surface1;\n }\n .iRPzcb {\n border-bottom-color: @surface1;\n }\n .related-question-pair .d0fCJc {\n color: @text;\n }\n cite,\n cite a:link,\n cite a:visited {\n color: @subtext0;\n }\n .WZ8Tjf,\n .EZAeBe,\n .F0gfrd {\n color: @subtext0;\n }\n .yDYNvb.lyLwlc {\n color: @text;\n }\n .H9lube {\n background-color: @base;\n border-color: @surface2;\n }\n .Bi9oQd {\n background-color: @surface1;\n }\n .akqY6 {\n background: @surface1;\n }\n .KFFQ0c .YfftMc,\n .KFFQ0c .YfftMc span,\n .KFFQ0c .YfftMc div,\n .KFFQ0c .YfftMc a,\n g-menu.DWsAYc g-menu-item a.K1yPdf,\n .f3LoEf,\n .TXBhSe:hover,\n .TXBhSe:not(:hover),\n .r025kc.lVm3ye,\n .Bo9xMe,\n .oyj2db {\n color: @subtext0;\n }\n .dyjrff,\n .LEwnzc {\n color: @subtext1;\n }\n .ZFiwCf {\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n }\n }\n .LGwnxb,\n .WGwSK {\n color: @text;\n }\n .EsIlz {\n background-color: @base;\n border-color: @surface1;\n }\n .O7G3Gd {\n color: @text;\n &:hover {\n color: @blue;\n }\n }\n .appbar {\n background: @base;\n border-top-color: @surface1;\n }\n .bSeRjc:hover .fKmH1e {\n color: @subtext1;\n background-color: @surface0;\n }\n .bSeRjc:hover div[aria-expanded=\"true\"] .fKmH1e,\n div[aria-expanded=\"true\"] .fKmH1e {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .LHJvCe,\n .vqseUe,\n .dMCttd {\n color: @subtext0;\n }\n .dG2XIf .xpdbox .yc7KLc {\n background-color: @base;\n }\n .URgIvb {\n border-color: @blue;\n background-color: @blue;\n }\n .pdpvld {\n color: @green;\n }\n .YrbPuc {\n color: @subtext1;\n }\n .SRfaKe,\n .SRfaKe h2 {\n background-color: @mantle;\n }\n .y6CIle {\n background-color: @surface0;\n }\n .Yt787,\n .vDF3Oc.vDF3Oc .R8BTeb {\n color: @text;\n }\n .IDFSOe {\n background-color: @surface2;\n }\n .ffmmcd,\n .u7yw9 .WeviRb {\n border-color: @surface1;\n }\n .wdQNof {\n border-color: @surface1;\n background-color: @base;\n }\n .PewBWb {\n border-top-color: @surface1;\n }\n .eadHV.Ses7yd {\n color: @text !important;\n }\n .f,\n .j04ED,\n .j04ED a,\n .j04ED a:link,\n .XaIwc {\n color: @subtext0 !important;\n }\n #_Xg6uZYKGBYCDhbIPvK2s2AI_27\n > div:nth-child(3)\n > g-right-button:nth-child(1)\n > g-fab:nth-child(1),\n g-right-button.wgbRNb > g-fab:nth-child(1) {\n background-color: @crust !important;\n }\n .gb_2e {\n background-color: @surface0;\n }\n .gb_Ec {\n div:first-child {\n color: @text;\n }\n > * {\n color: @subtext0;\n }\n }\n .kLhEKe {\n background-color: @base;\n }\n .S8ee5.CwbYXd {\n color: @text;\n }\n .S8ee5 {\n background: @surface0;\n }\n .S8ee5:hover {\n background: @surface1;\n }\n .rhHIGd {\n background-color: @surface2;\n }\n .sY7ric {\n color: @text;\n }\n .I6a0ee {\n background-color: @base;\n border-color: @surface2;\n color: @text;\n }\n .I6a0ee:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .I6a0ee:focus {\n background-color: @crust;\n border-color: @surface2;\n }\n .pxhZNb {\n background-color: @surface0 !important;\n color: @text;\n }\n .d2F2Td {\n color: @text;\n }\n .c07z9 {\n color: @subtext0;\n }\n .c07z9 a,\n .c07z9 a:active,\n .c07z9 a:link {\n color: @text;\n text-decoration-color: @subtext0;\n }\n .wHYlTd {\n color: @subtext0;\n }\n .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: @base;\n }\n .fm06If .ILfuVd,\n .c2xzTb .ILfuVd,\n .Jb0Zif .c2xzTb .ILfuVd {\n color: @text;\n }\n .fm06If .ILfuVd b,\n .c2xzTb .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .GKS7s {\n background: @surface0;\n border-color: @surface1;\n box-shadow: inset 0 0 0 1px @surface2;\n }\n .GKS7s:hover {\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .yXK7lf em {\n color: @text;\n }\n .Lb0dA:hover {\n background-color: @surface0;\n }\n .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: @blue;\n }\n .Lb0dA[aria-expanded=\"true\"] {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:hover {\n background-color: @surface0;\n }\n .hdtb-tl-sel .BaegVc {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:focus {\n background-color: fade(@blue, 25%);\n }\n .TZqsAd {\n background: @overlay0;\n }\n .FalWJb {\n background: @base;\n }\n .YeThId {\n border-top-color: @surface1;\n }\n .k8XOCe {\n background-color: @surface0;\n }\n .s75CSd {\n color: @text;\n }\n .ZkkK1e,\n .uAbMZd {\n background: @base;\n border-color: @surface1;\n &:hover {\n background: @surface0;\n }\n }\n .QjI2jc {\n color: @subtext0;\n }\n .lhLbod {\n color: @subtext0;\n }\n .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: @blue;\n }\n .F75bid {\n color: @subtext0;\n }\n div[aria-expanded=\"true\"] .fFI3rb {\n background-color: fade(@blue, 25%) !important;\n }\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: fade(@blue, 25%) !important;\n }\n .MAMMm {\n background: @mantle;\n box-shadow: 0 2px 6px @crust !important;\n }\n [selected].nWtjMe {\n background: fade(@blue, 25%) !important;\n }\n .uZNuIf:hover {\n background-color: @surface0;\n color: @text;\n }\n [selected].nWtjMe .FMKtTb {\n color: @text;\n }\n .nWtjMe .FMKtTb {\n color: @subtext0;\n }\n .GKS7s .FMKtTb,\n .GKS7s .RWhoyd.mol54e {\n color: @text;\n }\n .ePSouf .FMKtTb {\n color: @subtext0;\n }\n .NkCsjc:hover {\n background-color: @surface0 !important;\n color: @text;\n }\n .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: @text;\n }\n a.hisnlb {\n background: fade(@overlay2, 25%);\n }\n div[aria-expanded=\"true\"] .fFI3rb,\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: @surface0 !important;\n }\n .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: @blue;\n }\n .hdtb-mn-hd {\n color: @subtext0;\n }\n .hdtb-mn-hd:hover {\n color: @text;\n }\n .fSnalc {\n stroke: @blue;\n }\n .oOg6Ne {\n stroke: @yellow;\n }\n .ZqPjbb {\n stroke: @red;\n }\n .aPiskd {\n stroke: @green;\n }\n .s8GCU {\n background-color: @base;\n }\n .Lj9fsd {\n background-color: @base;\n }\n .jZWadf {\n background-color: @base;\n }\n .rQEFy,\n .rQEFy:hover {\n border-color: fade(@blue, 25%);\n background-color: fade(@blue, 25%);\n }\n .gbZSUe {\n color: @text;\n }\n .gbZSUe:hover {\n background: @surface0;\n }\n .XZ5MVe {\n color: @blue;\n }\n a:visited {\n color: @mauve;\n }\n .SvoXfb > .x5f7Bc {\n fill: @subtext0;\n }\n .SvoXfb:hover > .x5f7Bc {\n fill: @text;\n }\n .SvoXfb:hover {\n background-color: @surface0;\n }\n .IsZvec,\n .yxAsKe {\n color: @subtext0;\n }\n .zqrO0.k0Jjg .QuU3Wb,\n .zqrO0.k0Jjg:hover .QuU3Wb {\n color: @subtext1;\n }\n .uo4vr {\n color: @subtext0;\n }\n .minidiv .sfbg {\n background: @base;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .aqCVJb {\n background-color: @blue !important;\n border-color: @blue !important;\n }\n .T8VaVe {\n color: @blue;\n }\n .tw-ta,\n #tw-source-text-container .tw-ta,\n #tw-source-rmn-container .tw-ta {\n color: @text;\n }\n .tw-bilingual-marked {\n border-color: @blue;\n }\n #tw-target {\n background-color: @surface0;\n }\n .tw-data-placeholder {\n color: @text;\n }\n .j1iyq {\n border-color: @surface2;\n }\n .w8qArf .fl {\n color: @text !important;\n }\n .HSryR a.B1uW2d {\n border-bottom-color: @surface2;\n }\n .usJj9c .zz3gNc {\n color: @text;\n }\n .Ss2Faf a {\n color: @text;\n }\n .aCOpRe em,\n .yXK7lf em {\n color: @text;\n }\n .FR7ZSc .niO4u {\n background-color: @base;\n border-color: @surface2;\n color: @blue;\n }\n .g {\n color: @text;\n }\n .VSHxQ {\n color: @subtext0;\n }\n .cF4V5c {\n background-color: @crust !important;\n }\n .cF4V5c g-menu-item a,\n .cF4V5c g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n color: @text;\n }\n .cF4V5c:hover g-menu-item:hover a,\n .cF4V5c:hover g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n background-color: @surface0;\n }\n .GZnQqe.LGiluc {\n border-top-color: @surface2 !important;\n }\n .pkWBse {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .dG2XIf {\n background: @base;\n border-color: @surface0 !important;\n }\n .Z0LcW {\n color: @text;\n }\n .i29hTd .qLLird {\n color: @text;\n }\n .i29hTd .kR7nSc {\n color: @text;\n }\n .N6Sb2c {\n color: @subtext0;\n }\n .C9iYEe {\n color: @subtext0;\n }\n .KcXNxb {\n background: @base;\n }\n .ss6qqb .PKDVJd {\n color: @subtext0;\n }\n a.oBa0Fe {\n color: @subtext0;\n }\n .o6juZc {\n background-color: @surface0;\n }\n .o6juZc:hover {\n background-color: @surface0;\n box-shadow: 0 4px 12px @crust;\n }\n .W6pGoe {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .WdWr7c {\n border-top-color: @surface2;\n }\n .sU3bKf {\n color: @text;\n }\n .O5OUld {\n color: @subtext0;\n }\n .zP7KFe {\n background: @surface1;\n }\n .O5OUld:hover {\n color: @blue;\n }\n .og3lId {\n color: @text;\n }\n .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 @crust;\n }\n .r8xEL {\n color: @text;\n }\n .ZZ7G7b {\n color: @text;\n border-color: @surface1;\n }\n .NZmxZe {\n background-color: @base;\n border-color: @surface1;\n color: @text;\n }\n .NZmxZe:not(.rQEFy):hover,\n .cj2HCb.iuN0sf .w6PoOe:hover,\n .CgGjZc:hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n .ssfWCe .ZXJQ7c,\n .cj2HCb.iuN0sf .w6PoOe,\n .G2XB8d,\n .cj2HCb.iuN0sf .w6PoOe .KA8Jyb {\n color: @subtext0;\n .KA8Jyb:hover {\n fill: @subtext1;\n }\n }\n .KA8Jyb {\n fill: @subtext0;\n }\n .CgGjZc:hover .G2XB8d {\n color: @subtext1;\n }\n .o6OF0 {\n background-color: @surface1;\n &:hover {\n background-color: @surface2;\n }\n .SHFPkb {\n color: @text;\n }\n .PnfqLc {\n color: @subtext0;\n }\n }\n .zbRPDe,\n .scU1d {\n color: @text;\n }\n .UafVBb {\n background-color: @base;\n border-color: @surface2;\n }\n .mEQved {\n color: @subtext0;\n }\n .goxjub {\n > path:nth-child(1) {\n fill: @blue;\n }\n > path:nth-child(2) {\n fill: @green;\n }\n > path:nth-child(3) {\n fill: @yellow;\n }\n > path:nth-child(4) {\n fill: @red;\n }\n }\n [fill=\"#34a853\"] {\n fill: @green;\n }\n [fill=\"#4285f4\"] {\n fill: @blue;\n }\n [fill=\"#ea4335\"] {\n fill: @red;\n }\n [fill=\"#fbbc05\"] {\n fill: @yellow;\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: @surface0;\n color: @text;\n }\n .qcTKEe {\n background-color: @base;\n }\n .ooPrBf {\n background: @base;\n }\n .r9PaP {\n color: @subtext0;\n }\n .r9PaP:hover {\n color: @blue;\n }\n .H1KrKd {\n fill: @subtext0;\n }\n .cEPPT {\n border-bottom-color: @surface1;\n }\n .Ix6LGe {\n background: @base;\n box-shadow: 0 2px 10px 0 @crust;\n }\n .Hm7Qac:hover,\n .EuKAde {\n background-color: @surface0;\n }\n .igM9Le {\n color: @text;\n }\n .irf0hb {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .gb_Mc .gb_Vd button:hover svg,\n .gb_Mc .gb_d:hover {\n background-color: @surface0;\n }\n .gb_Mc svg,\n .gb_Rc.gb_Vc svg,\n .gb_Mc .gb_dd .gb_ld,\n .gb_Mc .gb_dd .gb_Lc,\n .gb_Mc .gb_dd .gb_fd,\n .gb_Rc.gb_Vc .gb_ld {\n color: @text;\n }\n .cEW58 {\n background-color: @surface0;\n }\n .dyAbMb {\n fill: @subtext0;\n }\n .zItAnd,\n .zItAnd:link,\n .zItAnd:visited,\n .zItAnd:hover,\n .zItAnd:active {\n color: @text;\n }\n .zItAnd {\n background-color: @base;\n border-color: @surface1;\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .fKmH1e {\n background-color: @base;\n border-color: @surface1;\n color: @subtext0;\n }\n .fKmH1e:hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .nfSF8e,\n .WRhYSc {\n color: @subtext0;\n }\n .nfSF8e:hover,\n .WRhYSc:hover {\n background-color: @surface0;\n color: @subtext0;\n }\n .ssJ7i {\n color: @text;\n }\n .iAIpCb {\n color: @subtext0;\n }\n .KMdzJ,\n .ss6qqb .oBrLN,\n .ylgVCe {\n color: @subtext1;\n }\n .PmPt7d {\n color: @subtext0;\n }\n .gb_Mc a.gb_E,\n .gb_Mc span.gb_E {\n color: @text;\n }\n a.gb_E,\n span.gb_E {\n color: @text !important;\n }\n .RzdJxc {\n border-top-color: @surface2;\n }\n .rKnmn {\n border-top-color: @surface2;\n }\n .FzCfme {\n color: @subtext0;\n }\n .hMJ0yc {\n color: @subtext0;\n }\n .yg51vc {\n background-color: @base;\n }\n .hdtb-mitem a {\n color: @subtext0;\n }\n .hdtb-mitem .GOE98c,\n .hdtb-mitem a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad {\n color: @subtext0;\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: @subtext0;\n }\n .dG2XIf .xpdopen .mJ2Mod {\n border-color: @surface1;\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n box-shadow: 0 1px 1px @crust;\n }\n .hdtb-mitem:hover .GOE98c:hover,\n .hdtb-mitem:hover a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad:hover {\n color: @blue;\n }\n .w6PoOe {\n color: @subtext0;\n }\n .w6PoOe:hover {\n color: @text;\n }\n .Lj9fsd.DU1Mzb {\n background-color: @base;\n box-shadow: 0 1px 6px 0 @crust;\n .o6juZc {\n border-color: @surface1 !important;\n }\n }\n .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: @surface0;\n }\n .FjVBEd {\n color: @green;\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: @blue;\n }\n .GmE3X {\n color: @text;\n }\n .iv236 {\n color: @text;\n }\n .GLcBOb {\n border-bottom-color: @surface1;\n }\n .ss6qqb .Ui2TZ {\n color: @text;\n }\n .wx62f {\n color: @subtext0;\n }\n #rhs .u7yw9 {\n border-left-color: @surface1;\n }\n .ss6qqb .Jk5Tjc {\n border-color: @surface2;\n }\n #rhs .u7yw9 .cLjAic {\n border-bottom-color: @surface1;\n }\n .JNkvid .HnYYW {\n color: @text;\n }\n .aokhrd .TZahnb {\n border-left-color: @surface1;\n }\n .Cx1ZMc {\n color: @subtext0;\n }\n .CBPSbf {\n background-color: @base;\n }\n .E74aCb {\n color: @text;\n }\n .OE86Gc {\n background-color: @base;\n color: @text;\n fill: @text;\n }\n .c72nic {\n color: @text;\n }\n .GXMTjb {\n background-color: @base;\n border-color: @surface0;\n }\n .A9y7kf {\n color: @subtext0;\n }\n .OE86Gc a {\n color: @blue;\n }\n .Es2Et {\n color: @subtext0;\n }\n .KwJT0.VqKh3b div div {\n background-color: @base;\n fill: @text;\n color: @text;\n border-color: @surface1;\n }\n .rx7XFb {\n background-color: @surface0;\n }\n .VP31Vb {\n color: @text;\n }\n .HXQjqf {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .SW5pqf {\n color: @blue;\n }\n .rQEFy:hover {\n color: @blue;\n }\n .hdtb-tl-sel {\n border-color: @surface2;\n background: @surface0;\n color: @text;\n }\n .hdtb-tl-sel:focus {\n border-color: @surface2;\n background: @surface0;\n color: @blue;\n }\n .t2vtad:active,\n .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: @surface0 !important;\n box-shadow: inset 0 1px 2px @crust !important;\n }\n .gTl8xb {\n border-color: @subtext0 transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb {\n border-color: @text transparent;\n }\n .h3L8Ub .yMAEcf {\n background: @surface0;\n border-color: @surface2;\n }\n .ynRric {\n color: @subtext0;\n }\n .cRV9hb .pcTkSc .wM6W7d {\n color: @text;\n }\n .h3L8Ub .yMAEcf.sbhl {\n background-color: @surface1;\n }\n .sbhl {\n background: @surface1;\n }\n .CjiZvb,\n .GZnQqe.EpPYLd:active {\n background-color: @surface0;\n }\n .PyJv1b {\n color: @text;\n }\n .REySof {\n color: @overlay2 !important;\n }\n .NQyKp {\n color: @surface0 !important;\n background: @accent !important;\n }\n .b0Xfjd {\n color: @base !important;\n }\n .LiOdre {\n background-color: @base;\n border-color: @surface1;\n }\n .LiOdre:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .LiOdre:focus {\n border-color: @blue;\n }\n .mfsgsd {\n color: @text;\n }\n .GCSyeb {\n background: @surface1;\n }\n .IVvPP .cLjAic.WY0eLb,\n .Hwkikb.WY0eLb {\n border-left-color: @surface1;\n }\n .mQo3nc {\n background-color: @surface0;\n color: @subtext0 !important;\n }\n .cfBJGe {\n color: @text;\n }\n .f6F9Be {\n background: @mantle;\n }\n .KwU3F {\n color: @blue;\n }\n .b0KoTc {\n color: @text;\n }\n .dfB0uf {\n color: @text;\n }\n .unknown_loc {\n background: @text;\n }\n .GS5rRd {\n color: @blue;\n }\n .xSQxL {\n color: @blue;\n }\n .smiUbb {\n color: @text;\n }\n .b2hzT {\n border-bottom-color: @surface0;\n }\n #swml {\n border-left-color: @surface0;\n }\n .KXbwLb {\n background-color: @surface2;\n }\n .WZH4jc .VknLRd .GNJvt {\n background: @surface0;\n }\n .WZH4jc .VknLRd:hover .GNJvt {\n background: @surface1;\n }\n .GNJvt {\n color: @text;\n }\n .fJOpI.H9lube {\n background-color: @blue !important;\n border-color: @blue;\n }\n .XNo5Ab.XNo5Ab {\n color: @base !important;\n fill: @base !important;\n }\n .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: @text !important;\n }\n .xEzgBc {\n color: @text !important;\n }\n .Ss2Faf.sq4Bpf {\n color: @text !important;\n }\n .ea0Lbe {\n background: @surface0;\n }\n .f6GA0,\n .CacfB,\n .Ua7Yuf {\n background: @base;\n }\n .DV7the {\n color: @blue;\n }\n .ZeVBtc {\n color: @subtext0;\n }\n .cB9M7 {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n &:hover {\n border-color: @surface2;\n }\n &:focus {\n border-color: @blue;\n }\n }\n .Qwbd3 {\n background: @surface0;\n color: @text;\n border-color: @surface1;\n &:hover {\n background: @surface1;\n border-color: @surface2;\n }\n }\n .ArIAXb {\n fill: @surface0;\n }\n .qOFLsb {\n fill: @surface0;\n }\n .aHK1bd {\n color: @subtext0;\n }\n .diOlIe {\n border-top-color: @overlay0;\n }\n .p4pvTd {\n color: @text;\n }\n .gIYJUc {\n background: @base !important;\n border-color: @surface1 !important;\n }\n .Gdd5U > g:nth-child(2) {\n > circle:nth-child(1) {\n fill: @green !important;\n }\n > circle:nth-child(2) {\n fill: @blue !important;\n }\n > path:nth-child(3) {\n fill: @red !important;\n }\n > path:nth-child(4) {\n fill: @yellow !important;\n }\n > path:nth-child(5) {\n fill: @blue !important;\n }\n }\n .CbAZb {\n background: @base;\n border-bottom-color: @surface0;\n }\n .S8wJ3 {\n color: @text !important;\n }\n .ZI7elf {\n color: @text !important;\n }\n .tGS0Nc {\n color: @text;\n }\n .kzt0Nc a {\n color: @subtext0 !important;\n }\n .fgc1P,\n .N7KPxb {\n border-top-color: @surface0 !important;\n }\n .kQEH5b {\n color: @subtext0 !important;\n }\n .kNKdL {\n color: @text !important;\n }\n .q0yked:hover {\n background-color: @mantle !important;\n }\n .Oz5Rbb:hover {\n background: @mantle !important;\n }\n .lwwARb {\n background-color: @crust !important;\n }\n .LO47Ff {\n color: @text;\n }\n .j8PBfc {\n color: @subtext0;\n }\n .act-tim-txt-cnt {\n color: @text;\n }\n .act-switch-area {\n background-color: @base !important;\n }\n .EwDHG,\n .vNdLpe,\n .vNdLpe:visited {\n color: @subtext0 !important;\n }\n // \"Looking for results in English?\" popup\n [style*=\"background:#1f1000;border:1px solid #502900\"],\n [style*=\"background:#feefc3;border:1px solid #fdd663\"] {\n background: @mantle !important;\n border-color: @surface0 !important;\n box-shadow: 0 2px 4px @mantle !important;\n [style*=\"color:#bdc1c6\"],\n [style*=\"color:#202124\"] {\n color: @text !important;\n }\n }\n // translate this page label\n .eFM0qc.BCF2pd {\n background: @base !important;\n }\n // expand related question icon\n .aj35ze {\n @svg: escape(\n '<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"@{text}\" d=\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n // tabs\n [selected].YmvwI {\n color: @text;\n border-bottom-color: @text;\n }\n .YmvwI {\n color: @subtext0;\n }\n // search bar buttons popups\n [style^=\"background: rgb(32, 33, 36); border: 1px solid rgb(60, 64, 67);\"] {\n background: @mantle !important;\n border-color: @overlay0 !important;\n box-shadow: @mantle 1px 2px 4px !important;\n color: @text !important;\n [style^=\"border-style: solid;\"] {\n border-color: @overlay0 transparent !important;\n }\n }\n // google apps button\n .gb_F .gb_E,\n .gb_F .gb_D {\n fill: @text;\n }\n // translate popup\n .t4wgMc {\n background: @mantle;\n }\n .ELfqBe:hover,\n .ELfqBe:focus {\n background: @surface0;\n }\n .JFeuTc {\n color: @text;\n }\n // skip to content\n .S6VXfe {\n background: @base;\n }\n // selected image\n .qyKxnc.FnEtTd .srrRv {\n background: fade(@blue, 10%);\n }\n // images page sticky suggestions header\n .JiJthb,\n .JiJthb .GKS7s:not([selected]) {\n background: @mantle;\n }\n .JiJthb .F9Idpe.vezEod {\n background: linear-gradient(\n to left,\n transparent 0%,\n @mantle 60%,\n @mantle\n );\n }\n // footer logo\n [style^=\"background:url(/images/nav_logo321.webp)\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" width=\"167\" height=\"410\" viewBox=\"0 0 44.185 108.479\"><g display=\"inline\" opacity=\"1\"><g stroke-width=\"2.34531\"><path fill=\"@{red}\" d=\"M19.105 5.216c0 1.406-1.1 2.442-2.45 2.442-1.348 0-2.448-1.036-2.448-2.442 0-1.415 1.1-2.44 2.449-2.44s2.449 1.025 2.449 2.44m-1.072 0c0-.878-.637-1.479-1.377-1.479s-1.377.601-1.377 1.48c0 .869.637 1.479 1.377 1.479s1.377-.611 1.377-1.48\" stroke-width=\"2.34531\"/><path fill=\"@{yellow}\" d=\"M24.605 5.216c0 1.406-1.1 2.442-2.449 2.442s-2.449-1.036-2.449-2.442c0-1.414 1.1-2.44 2.45-2.44s2.448 1.025 2.448 2.44m-1.072 0c0-.878-.637-1.479-1.377-1.479s-1.377.601-1.377 1.48c0 .869.638 1.479 1.377 1.479.74 0 1.377-.611 1.377-1.48\" stroke-width=\"2.34531\"/><path fill=\"@{blue}\" d=\"M30.128 2.97v4.14c0 1.704-1.004 2.4-2.192 2.4-1.118 0-1.791-.748-2.045-1.36l.882-.367c.157.376.542.819 1.162.819.76 0 1.231-.47 1.231-1.353V6.92h-.035c-.227.28-.664.524-1.215.524-1.153 0-2.21-1.005-2.21-2.298 0-1.302 1.057-2.315 2.21-2.315.55 0 .987.245 1.215.516h.035v-.375zm-.89 2.175c0-.812-.542-1.406-1.231-1.406-.7 0-1.285.594-1.285 1.406 0 .804.585 1.39 1.285 1.39.689 0 1.23-.586 1.23-1.39\" stroke-width=\"2.34531\"/><path fill=\"@{green}\" d=\"M31.994.433v6.975h-1.02V.433Z\" stroke-width=\"2.34531\"/><path fill=\"@{red}\" d=\"m35.975 5.902.8.534a2.34 2.34 0 0 1-1.957 1.042c-1.335 0-2.332-1.032-2.332-2.35 0-1.398 1.005-2.35 2.216-2.35 1.22 0 1.816.97 2.011 1.494l.107.267-3.142 1.302c.241.471.615.712 1.14.712s.89-.259 1.157-.65m-2.466-.847 2.1-.872c-.115-.293-.463-.498-.872-.498-.524 0-1.254.463-1.228 1.37\" stroke-width=\"2.34531\"/><path fill=\"@{blue}\" d=\"M10.245 4.607V3.579h3.462c.033.18.05.391.05.62 0 .77-.21 1.724-.889 2.403-.66.688-1.504 1.054-2.622 1.054-2.071 0-3.813-1.687-3.813-3.759S8.175.137 10.246.137c1.147 0 1.963.45 2.576 1.037l-.724.725a2.62 2.62 0 0 0-1.853-.734c-1.513 0-2.696 1.22-2.696 2.732S8.732 6.63 10.245 6.63c.982 0 1.54-.394 1.899-.752.29-.29.48-.705.556-1.271z\" stroke-width=\"2.34531\"/></g><path d=\"M1.587 2.646.264 3.969l1.323 1.323\" display=\"inline\" opacity=\"1\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m42.598 2.646 1.323 1.323-1.323 1.323\" display=\"inline\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><g display=\"inline\" stroke-width=\"3.0127\"><path fill=\"@{red}\" d=\"M10.847 15.875c0 1.122-.877 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.129.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.855 0c0-.7-.509-1.18-1.1-1.18s-1.098.48-1.098 1.18c0 .694.509 1.18 1.099 1.18s1.099-.487 1.099-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{yellow}\" d=\"M15.06 15.875c0 1.122-.877 1.948-1.953 1.948s-1.954-.826-1.954-1.948c0-1.128.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.856 0c0-.7-.508-1.18-1.098-1.18s-1.1.48-1.1 1.18c0 .694.51 1.18 1.1 1.18s1.098-.487 1.098-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M19.1 14.045v3.497c0 1.439-.848 2.026-1.851 2.026a1.855 1.855 0 0 1-1.727-1.148l.745-.31c.133.317.458.692.981.692.642 0 1.04-.397 1.04-1.142v-.28h-.03c-.191.236-.56.442-1.026.442-.974 0-1.866-.848-1.866-1.94 0-1.1.892-1.955 1.866-1.955.465 0 .834.207 1.026.436h.03v-.317h.812zm-.751 1.837c0-.686-.458-1.187-1.04-1.187-.59 0-1.085.501-1.085 1.187 0 .68.495 1.174 1.085 1.174.582 0 1.04-.495 1.04-1.174\" stroke-width=\"3.0127\"/><path fill=\"@{green}\" d=\"M20.44 11.995v5.709h-.835v-5.709Z\" stroke-width=\"3.0127\"/><path fill=\"@{red}\" d=\"m23.607 16.517.664.443c-.215.317-.73.863-1.623.863-1.107 0-1.933-.855-1.933-1.948 0-1.158.833-1.948 1.837-1.948 1.01 0 1.505.805 1.667 1.24l.089.22-2.604 1.08c.2.39.51.59.944.59.435 0 .738-.215.959-.54m-2.044-.7 1.74-.723c-.095-.244-.383-.413-.722-.413-.435 0-1.04.384-1.018 1.136\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M3.78 15.369v-.827h2.784c.027.144.041.315.041.5 0 .62-.17 1.386-.716 1.932-.53.553-1.21.848-2.109.848-1.667 0-3.068-1.357-3.068-3.024s1.401-3.025 3.068-3.025c.922 0 1.579.362 2.073.834l-.584.583a2.1 2.1 0 0 0-1.49-.59c-1.217 0-2.169.98-2.169 2.198s.952 2.198 2.17 2.198c.789 0 1.238-.317 1.526-.605.234-.234.388-.567.448-1.023z\" stroke-width=\"3.0127\"/></g><g display=\"inline\" opacity=\"1\" stroke-width=\"2.34531\"><path fill=\"@{blue}\" d=\"M19.069 34.844c0 1.405-1.1 2.44-2.45 2.44-1.349 0-2.448-1.035-2.448-2.44 0-1.416 1.1-2.442 2.449-2.442s2.449 1.026 2.449 2.442m-1.072 0c0-.879-.637-1.48-1.377-1.48s-1.377.601-1.377 1.48c0 .87.637 1.479 1.377 1.479s1.377-.61 1.377-1.48z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/><path fill=\"@{text}\" d=\"M24.513 34.815c0 1.39-1.087 2.414-2.421 2.414s-2.42-1.024-2.42-2.414c0-1.398 1.086-2.413 2.42-2.413s2.42 1.014 2.42 2.413zm-1.06 0c0-.868-.63-1.462-1.361-1.462s-1.36.594-1.36 1.462c0 .86.629 1.463 1.36 1.463s1.361-.604 1.361-1.463m6.885-2.394v4.47c0 1.839-1.084 2.59-2.366 2.59-1.207 0-1.933-.808-2.207-1.468l.952-.396c.17.405.584.884 1.254.884.82 0 1.329-.507 1.329-1.46v-.358h-.038c-.245.302-.717.566-1.312.566-1.245 0-2.385-1.085-2.385-2.48 0-1.405 1.14-2.499 2.385-2.499.594 0 1.066.264 1.312.557h.038v-.405zm-.961 2.348c0-.877-.585-1.518-1.33-1.518-.754 0-1.386.641-1.386 1.518 0 .868.632 1.5 1.387 1.5.744 0 1.33-.632 1.33-1.5m2.542-4.896v7.436h-1.086v-7.436Z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/><path fill=\"@{text}\" d=\"m36.124 35.602.868.579a2.53 2.53 0 0 1-2.121 1.128c-1.446 0-2.526-1.118-2.526-2.546 0-1.514 1.089-2.546 2.4-2.546 1.322 0 1.968 1.052 2.18 1.62l.115.29-3.403 1.409c.26.51.666.771 1.234.771.57 0 .964-.28 1.253-.705m-2.67-.916 2.274-.944c-.125-.318-.501-.54-.944-.54-.569 0-1.36.502-1.33 1.484\" fill-opacity=\"1\" stroke-width=\"2.3453\"/><path fill=\"@{text}\" d=\"M10.104 34.047v-1.028h3.462c.033.18.05.391.05.62 0 .77-.21 1.724-.889 2.403-.66.688-1.504 1.054-2.622 1.054-2.071 0-3.813-1.687-3.813-3.759s1.742-3.76 3.813-3.76c1.147 0 1.963.45 2.576 1.037l-.724.725a2.62 2.62 0 0 0-1.853-.734c-1.513 0-2.696 1.22-2.696 2.732s1.183 2.732 2.696 2.732c.982 0 1.54-.394 1.899-.752.29-.29.48-.705.556-1.271z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/></g><path d=\"M29.746 28.574h.311v-.934h-.311zm.155-1.245q.067 0 .111-.045t.045-.11-.045-.111-.11-.045-.111.045-.045.11.045.111.11.045m0 2.023q-.322 0-.606-.123t-.494-.332-.333-.494-.123-.607.123-.607.333-.494.494-.332.606-.123.607.123.494.332.333.494.122.607-.122.607-.333.494-.494.332-.607.123\" fill=\"@{crust}\" fill-opacity=\".2\" stroke-width=\"1.70213\" display=\"inline\" opacity=\"1\"/><g display=\"inline\"><path d=\"M1.587 32.279.264 33.602l1.323 1.323\" display=\"inline\" opacity=\"1\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m42.598 32.279 1.323 1.323-1.323 1.323\" display=\"inline\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/></g><g stroke-width=\"3.0127\"><path fill=\"@{red}\" d=\"M10.12 103.43c0 1.122-.877 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.129.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.855 0c0-.7-.509-1.18-1.1-1.18s-1.098.48-1.098 1.18c0 .694.509 1.18 1.099 1.18s1.099-.487 1.099-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{yellow}\" d=\"M14.334 103.43c0 1.122-.878 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.128.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.856 0c0-.7-.508-1.18-1.098-1.18s-1.1.48-1.1 1.18c0 .694.51 1.18 1.1 1.18s1.098-.487 1.098-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M18.373 101.6v3.497c0 1.439-.848 2.026-1.851 2.026a1.855 1.855 0 0 1-1.727-1.148l.745-.31c.133.317.458.692.981.692.642 0 1.04-.397 1.04-1.142v-.28h-.03c-.191.236-.56.442-1.026.442-.974 0-1.866-.848-1.866-1.94 0-1.1.892-1.954 1.866-1.954.465 0 .834.206 1.026.435h.03v-.317h.812zm-.751 1.837c0-.686-.458-1.187-1.04-1.187-.59 0-1.085.501-1.085 1.187 0 .68.495 1.174 1.085 1.174.582 0 1.04-.495 1.04-1.174\" stroke-width=\"3.0127\"/><path fill=\"@{green}\" d=\"M19.713 99.55v5.709h-.835V99.55Z\" stroke-width=\"3.0127\"/><path fill=\"@{red}\" d=\"m22.964 104.071.664.443a1.94 1.94 0 0 1-1.623.863c-1.107 0-1.933-.855-1.933-1.948 0-1.158.833-1.947 1.837-1.947 1.01 0 1.505.804 1.667 1.239l.088.221-2.603 1.078c.199.391.509.59.944.59s.737-.214.959-.539m-2.044-.7 1.74-.723c-.095-.243-.383-.413-.722-.413-.435 0-1.04.384-1.018 1.136\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M3.052 102.924v-.827h2.785c.027.144.041.315.041.5 0 .62-.17 1.386-.716 1.932-.53.553-1.21.848-2.109.848-1.667 0-3.068-1.357-3.068-3.024s1.401-3.025 3.068-3.025c.922 0 1.579.362 2.073.834l-.584.583a2.1 2.1 0 0 0-1.49-.59c-1.217 0-2.169.98-2.169 2.198s.952 2.198 2.17 2.198c.789 0 1.238-.317 1.526-.605.234-.234.388-.567.448-1.023z\" stroke-width=\"3.0127\"/></g><g display=\"inline\"><path d=\"m28.167 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" opacity=\"1\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m31.63 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m35.07 68.858.408 1.257H36.8l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323zm3.463 0 .408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m41.994 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><g display=\"inline\"><path d=\"m28.167 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" opacity=\"1\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m31.63 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m35.07 72.843.408 1.257H36.8l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323zm3.463 0 .408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258L36.8 74.1h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m41.994 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/></g></g></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n // tweets horizontal list\n g-right-button,\n g-left-button {\n > g-fab {\n background: @crust !important;\n border-color: @surface0;\n }\n }\n .vwfsqc {\n .QuU3Wb {\n color: @text;\n }\n }\n // image overlays\n .yUzGqc.wr8GYd {\n background: fade(@crust, 75%);\n color: @text;\n }\n // google lens icon hover\n .ig2Tkd:hover:not(.RDPZE) {\n background: fade(@mantle, 80%);\n }\n // image resolution\n .UWuvyf {\n background-color: fade(@crust, 80%);\n color: @text;\n }\n // image hover shadow\n .mkpRId.qyKxnc:hover .F0uyec {\n background: fade(@crust, 5%);\n box-shadow: 0 2px 12px 0 @crust;\n }\n // advanced search\n input.jfk-textinput,\n .gGbPid {\n background: @base;\n color: @text;\n border-color: @overlay0;\n }\n .goog-menu {\n background: @mantle;\n }\n .goog-menuitem-highlight,\n .goog-menuitem-hover {\n background: @surface0;\n border-color: @surface0;\n }\n .goog-menuitem,\n .goog-menuitem-highlight .goog-menuitem-content,\n .goog-menuitem-hover .goog-menuitem-content {\n color: @text;\n }\n .goog-flat-menu-button-hover {\n border-color: @overlay2;\n .goog-flat-menu-button-dropdown {\n border-color: @overlay2 transparent;\n }\n }\n .goog-flat-menu-button-dropdown {\n border-color: @overlay0 transparent;\n }\n div.otByu div.FAcADc,\n div.lFApYd,\n .jfk-radiobutton-label {\n color: @subtext1;\n }\n color: @subtext0;\n }\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor);\n }\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\") {\n body {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n .aRDKUe {\n .rRF0wd {\n fill: @yellow !important;\n }\n .ub0gT {\n fill: @base !important;\n }\n .Pzuhxc {\n color: @text !important;\n &:hover {\n background-color: @surface2 !important;\n }\n }\n .hCDve {\n color: @text !important;\n }\n .WkuXae {\n color: @blue;\n }\n .coHE2 {\n border-color: @surface2 !important;\n &:hover {\n background-color: fade(@blue, 25%);\n }\n }\n .eYSAde {\n color: @text !important;\n }\n .Lvwayc {\n background-color: @surface0 !important;\n }\n .Z6NXed {\n color: @text !important;\n }\n .bMnvr {\n background: @surface1 !important;\n }\n .Wdz6e {\n color: @subtext0 !important;\n }\n .LzIwWe {\n color: @text !important;\n }\n .znj3je {\n color: @text !important;\n }\n .fVFoBd {\n color: @text !important;\n }\n .cllK4d {\n background: @surface0 !important;\n color: @subtext0 !important;\n }\n .aFCkf {\n background: @surface0 !important;\n color: @blue !important;\n }\n .DgDbFe .vZvJBb:not(:first-child) .BVnP4c::before {\n color: @text !important;\n }\n .qLP7kc .jFfZdd {\n background: @base !important;\n }\n .Z6NXed:hover {\n background-color: @surface1 !important;\n }\n }\n .nz9sqb.EHzcec {\n background: var(--gm3-sys-color-surface-container-high, @surface0);\n .LVal7b {\n background: var(--gm3-sys-color-surface-container-low, @mantle);\n }\n }\n .nz9sqb {\n .NQV3m {\n color: var(--gm3-sys-color-primary, @blue);\n border-color: var(--gm3-sys-color-outline, @surface2);\n &:hover {\n background-color: fade(@blue, 25%);\n }\n &:focus {\n background-color: fade(@blue, 25%);\n }\n }\n .Rq5Gcb {\n color: @text !important;\n }\n .tX9u1b:hover {\n background-color: @surface0;\n }\n }\n .nz9sqb.o07G5 .tX9u1b:active,\n .nz9sqb.o07G5 .tX9u1b:active:focus,\n .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb,\n .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb {\n background-color: @surface0;\n }\n .aRDKUe .pRjiJb,\n .aRDKUe .DmSTqc {\n color: @text;\n }\n .aRDKUe .idKC9b,\n .aRDKUe .MbHqJ {\n color: @subtext0;\n }\n .aRDKUe .GXg3Le {\n color: @blue;\n }\n .aRDKUe .G5bXNb {\n background-color: @mantle;\n &:hover {\n background-color: @base;\n }\n }\n }\n}\n\n#rgbify(@color) {\n @rgb: red(@color), green(@color), blue(@color);\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};",
"usercssData": {
"name": "Google Catppuccin",
"namespace": "github.com/catppuccin/userstyles/styles/google",
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google",
"version": "2024.12.31",
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.less",
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle",
"description": "Soothing pastel theme for Google",
"author": "Catppuccin",
"license": "MIT",
"preprocessor": "less",
"vars": {
"lightFlavor": {
"type": "select",
"label": "Light Flavor",
"name": "lightFlavor",
"value": null,
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"darkFlavor": {
"type": "select",
"label": "Dark Flavor",
"name": "darkFlavor",
"value": null,
"default": "mocha",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
},
{
"name": "frappe",
"label": "Frappé",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColor": {
"type": "select",
"label": "Accent",
"name": "accentColor",
"value": null,
"default": "peach",
"options": [
{
"name": "rosewater",
"label": "Rosewater",
"value": "rosewater"
},
{
"name": "flamingo",
"label": "Flamingo",
"value": "flamingo"
},
{
"name": "pink",
"label": "Pink",
"value": "pink"
},
{
"name": "mauve",
"label": "Mauve",
"value": "mauve"
},
{
"name": "red",
"label": "Red",
"value": "red"
},
{
"name": "maroon",
"label": "Maroon",
"value": "maroon"
},
{
"name": "peach",
"label": "Peach",
"value": "peach"
},
{
"name": "yellow",
"label": "Yellow",
"value": "yellow"
},
{
"name": "green",
"label": "Green",
"value": "green"
},
{
"name": "teal",
"label": "Teal",
"value": "teal"
},
{
"name": "blue",
"label": "Blue",
"value": "blue"
},
{
"name": "sapphire",
"label": "Sapphire",
"value": "sapphire"
},
{
"name": "sky",
"label": "Sky",
"value": "sky"
},
{
"name": "lavender",
"label": "Lavender",
"value": "lavender"
},
{
"name": "subtext0",
"label": "Gray",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Google",
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/google",