-
Notifications
You must be signed in to change notification settings - Fork 31
/
Copy pathimport.css
6513 lines (6497 loc) · 194 KB
/
import.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
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
/**
* Credits:
* Icons by Bootrstrap Icons
* Fonts by Google Fonts
*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css");
:root {
--cyan-version: 25;
--cyan-subversion: 3;
--cyan-patch-version: 2;
--cyan-blur: 48px;
--cyan-radius-round-interface: 50px;
--cyan-radius-interface: 24px;
--cyan-radius-xl: 20px;
--cyan-radius-large: 16px;
--cyan-radius-medium: 12px;
--cyan-radius-small: 8px;
--cyan-radius-xs: 4px;
--cyan-channelbar-width: 320px;
--cyan-loading-header: "Warming up some soup...";
--cyan-accent-color: #009f88;
--cyan-interface-shadow: 0 4px 10px 0 rgb(0 0 0 / 60%);
--cyan-font: "Montserrat", "Open Sans";
--cyan-background-img: url("https://dablulite.github.io/Cyan/cyan-waves.png") /* Change to "none" to use with transparency */;
--window-titlebar-size: 0;
--brand-100: color-mix(in srgb, var(--cyan-accent-color), white 80%);
--brand-130: color-mix(in srgb, var(--cyan-accent-color), white 74%);
--brand-160: color-mix(in srgb, var(--cyan-accent-color), white 68%);
--brand-200: color-mix(in srgb, var(--cyan-accent-color), white 60%);
--brand-230: color-mix(in srgb, var(--cyan-accent-color), white 54%);
--brand-260: color-mix(in srgb, var(--cyan-accent-color), white 48%);
--brand-300: color-mix(in srgb, var(--cyan-accent-color), white 40%);
--brand-330: color-mix(in srgb, var(--cyan-accent-color), white 34%);
--brand-360: color-mix(in srgb, var(--cyan-accent-color), white 28%);
--brand-400: color-mix(in srgb, var(--cyan-accent-color), white 20%);
--brand-430: color-mix(in srgb, var(--cyan-accent-color), white 14%);
--brand-460: color-mix(in srgb, var(--cyan-accent-color), white 8%);
--brand-500: var(--cyan-accent-color);
--brand-530: color-mix(in srgb, var(--cyan-accent-color), black 8%);
--brand-560: color-mix(in srgb, var(--cyan-accent-color), black 14%);
--brand-600: color-mix(in srgb, var(--cyan-accent-color), black 20%);
--brand-630: color-mix(in srgb, var(--cyan-accent-color), black 28%);
--brand-660: color-mix(in srgb, var(--cyan-accent-color), black 34%);
--brand-700: color-mix(in srgb, var(--cyan-accent-color), black 40%);
--brand-730: color-mix(in srgb, var(--cyan-accent-color), black 48%);
--brand-760: color-mix(in srgb, var(--cyan-accent-color), black 54%);
--brand-800: color-mix(in srgb, var(--cyan-accent-color), black 60%);
--brand-830: color-mix(in srgb, var(--cyan-accent-color), black 68%);
--brand-860: color-mix(in srgb, var(--cyan-accent-color), black 74%);
--brand-900: color-mix(in srgb, var(--cyan-accent-color), black 80%);
--cyan-x: "M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z";
--cyan-check: "M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z";
--background-modifier-selected: var(--cyan-second-layer);
}
::selection,
#profile-customization-tab .userProfileOuterUnthemed_c69a7b > div {
background: var(--brand-500);
}
.theme-dark,
.theme-dark .theme-light {
--cyan-second-layer: rgb(0 0 0/60%);
--cyan-background-primary: hsla(0deg 100% 0% / 60%);
--cyan-bg-brightness: 0.7;
}
.theme-light {
--cyan-second-layer: rgb(255 255 255/60%);
--cyan-background-primary: hsla(0deg 100% 100% / 60%);
}
.platform-win,
.platform-osx {
--window-titlebar-size: 16px;
}
.popout__3f413 {
border: none !important;
box-shadow: var(--cyan-interface-shadow);
background-color: var(--cyan-second-layer);
backdrop-filter: blur(var(--cyan-blur));
border-radius: var(--cyan-radius-medium);
}
.option__3f413,
.lookFilled__3f413.select__3f413 {
transition: 0.2s ease;
border: none !important;
border-radius: var(--cyan-radius-medium);
background-color: transparent !important;
}
.option__3f413:hover,
.option__3f413[aria-selected="true"],
.lookFilled__3f413.select__3f413:hover,
.lookFilled__3f413.select__3f413[aria-expanded="true"],
.searchBar_c0e32c:has(:focus),
.wrapper_c4c084:has(:focus),
.searchBar_fed6d3:has(:focus),
#app-mount .colorwaySelector-pill:is(:hover, [aria-expanded="true"]) {
box-shadow: var(--cyan-interface-shadow);
background-color: var(--cyan-second-layer) !important;
}
.bd-controls > .bd-addon-button > svg {
fill: var(--header-primary) !important;
}
.content__65844,
.systemMessage__5126c .container__235ca,
#vencordthemes-tab .vc-settings-tab-bar,
.peopleListItem_cc6179 .userInfo__0a06e,
.returnButtonText__0b563,
.actionsProfileV2__34f7d,
.vc-notification-header {
align-items: center;
}
.newChannel__599fa,
.newPostCount_c9d7dd,
.nameTag__05e81 span:has(> .botText__82f07) {
margin-left: 8px;
}
.link__7df54:hover,
.tabContainer__9e06a > .tabItem__9e06a:hover,
.tabContainer__9e06a > .tabItem__9e06a.tabItemSelected__9e06a,
div[aria-label="dablulite"] .markup__75297 a:hover::after,
.soundButton__6d4ed:hover,
.avatar_c19a55.clickable_c19a55:active,
.floating-window-buttons .button:hover,
.vc-settings-card > div:not([class]) > a:hover,
.vc-addon-card:hover,
.credentialItem__6c75d:hover,
.field__1fed1 .fieldButton__1fed1:hover,
.newMessagesBar__0f481:hover,
.closeButton_c2b141:hover,
.connectedAccountContainer_e6abe8:hover,
#app-mount .lookFilled__201d5.colorBrand__201d5:hover,
.lookFilled__201d5.colorGreen__201d5:hover,
.lookInverted_a299dc.colorBrand__201d5:hover,
.lookOutlined__201d5:hover,
.lookFilled__201d5.colorPrimary__201d5:hover,
.buttonColor_dfbe6b:hover,
.lookFilled__201d5.colorRed__201d5:hover,
.card_e90879 .wrapper_f7ecac .button_f7ecac:hover,
.jumpToPresentBar__0f481:hover,
.bd-button:hover,
.pencilContainer_c3e427:hover,
.buttonColor_e36233:hover,
.channelRow_e4503a:hover,
.reaction__23977:hover,
.row_d13feb:hover,
.swatch__2d060:hover {
box-shadow: var(--cyan-interface-shadow);
}
.categoryItem_c72b37,
.subText__91a9d > div,
.lookFilled__201d5.colorPrimary__201d5,
.homeIcon__560eb,
.pencilIcon_e00224,
.newChannel__599fa,
.newPostCount_c9d7dd,
.vc-settings-card > :is(h2, div),
.streamHidden_c30e20 .header_c6e099,
.search_f69601 .searchBox_f69601 .searchBoxInput_f69601 {
color: var(--header-primary);
}
.content_f75fb0::before,
.embedFull__623de:is(::before, ::after),
.tabBody__133bf::before,
.container__9293f::before,
.option__56fec::after,
#guild-header-popout::before,
.userProfileModalOuter_c69a7b
> .userProfileInnerThemedNonPremium_c69a7b
.overlayBackground_c69a7b::before,
.contentRegion__23e6b::before,
.contentRegionScroller__23e6b::before,
.container__133bf:has(.addFriendInput__72ba7)::before,
#account::before,
.container_eff079::after,
.bd-settings-title.bd-settings-group-title::before,
.chat_f02135::before,
.profilePanel_b433b4 .userProfileInner_c69a7b::before,
.userPopoutInner_c69a7b::before,
.userProfileInner_c69a7b::before,
.wrapper__14245::after,
.form_f75fb0::before,
.form_f75fb0::after {
content: none !important;
}
.mentioned__5126c::before,
.replying__5126c::before {
left: 2px;
border-radius: 8px;
width: 4px;
}
.collapsed_d9be46 .title_d9be46 {
margin: 0;
padding: 8px 16px;
height: 44px;
}
.titleContainer_d9be46,
.formContainer_d9be46 {
align-items: center;
gap: 4px;
}
.container_faa96b,
.optionButtonWrapper__270d7,
.row_d13feb {
transition: 0.2s ease;
border-radius: var(--cyan-radius-large);
}
.container_faa96b:hover {
background-color: var(--cyan-second-layer) !important;
box-shadow: var(--cyan-interface-shadow) !important;
transform: none !important;
}
.formContainer_d9be46,
#profile-customization-tab .body_ab876d,
.submenuPaddingContainer_c1e9c4,
.quickswitcher_ac6cb0,
.wrapperAudio_f316dd .audioControls_f316dd .controlIcon_f316dd {
padding: 0;
}
.header__9b8f6 {
padding-top: 0 !important;
}
.metadataContainer_c7f964,
.clickable__1545b,
.divider__5126c,
.bd-settings-group ~ .bd-settings-group .bd-settings-title,
.userProfileOuterThemed_c69a7b .userProfileModalOverlayBackground_c69a7b,
#app-mount .noChat_cb9592 .headerWrapper_cb9592,
.featureBorder_fbfab6fbfab6,
.vc-settings-card > h2,
.button__9db96,
.mainChannelInfo__2dbe1 .subtitle__2dbe1,
.mainChannelInfo__2dbe1 .icon__2dbe1 {
margin: 0;
}
#floating-editor-window .controls-section {
margin-bottom: 0;
margin-left: 0;
}
.accountBtnInner__750de,
.folder__48112,
.header_c6bf1b,
.titleContainer_e29cd7,
.chatContent_f75fb0,
.content_f75fb0,
.container_c8ffbb,
.winButton__421ed:hover,
.clickable__91a9d:hover .layout__91a9d,
.searchResultsWrap_a9e706,
.maskBackground_db811b,
.picker__09f65:has(.soundRow__61424) .wrapper_dc0b29,
.picker__09f65:has(.soundRow__61424) .wrapper_dc0b29 .scroller_affa7e,
.monaco-editor .margin,
.monaco-editor-background,
.monaco-editor .inputarea.ime-input,
#vc-spotify-player {
background-color: transparent !important;
}
.resizeHandle__01ae2 {
width: 3px;
margin: 8px 0;
border-radius: var(--cyan-radius-xs);
background-color: var(--cyan-second-layer);
height: calc(100% - 16px);
}
.searchBar__97492 {
padding: 5px;
height: fit-content;
width: 36px;
border-radius: var(--cyan-radius-small);
background: none;
transition: 0.2s ease !important;
}
.theme-light .theme-dark:not(.userPopoutOuter_c69a7b) {
--cyan-second-layer: rgb(255 255 255/60%);
--action-sheet-gradient-bg: var(--primary-130);
--activity-card-background: var(--white-500);
--activity-card-icon-overlay: hsl(var(--primary-600-hsl) / 85%);
--alert-bg: var(--white-500);
--android-navigation-bar-background: var(--primary-100);
--android-navigation-scrim-background: hsl(var(--primary-100-hsl) / 50%);
--android-ripple: hsl(var(--black-500-hsl) / 12%);
--background-accent: var(--primary-430);
--background-floating: var(--white-500);
--background-mentioned: hsl(var(--yellow-300-hsl) / 10%);
--background-mentioned-hover: hsl(var(--yellow-300-hsl) / 20%);
--background-message-automod: hsl(var(--red-400-hsl) / 5%);
--background-message-automod-hover: hsl(var(--red-400-hsl) / 10%);
--background-message-highlight: hsl(var(--brand-360-hsl) / 10%);
--background-message-highlight-hover: hsl(var(--brand-360-hsl) / 20%);
--background-message-hover: hsl(var(--primary-900-hsl) / 3%);
--background-mobile-primary: var(--primary-100);
--background-mobile-secondary: var(--white-500);
--background-modifier-accent: hsl(var(--primary-400-hsl) / 24%);
--background-modifier-accent-2: hsl(var(--primary-400-hsl) / 16%);
--background-modifier-active: hsl(var(--primary-400-hsl) / 20%);
--background-modifier-hover: hsl(var(--primary-400-hsl) / 16%);
--background-modifier-selected: hsl(var(--primary-400-hsl) / 24%);
--background-nested-floating: var(--white-500);
--background-primary: var(--white-500);
--background-secondary: var(--primary-130);
--background-secondary-alt: var(--primary-160);
--background-tertiary: var(--primary-200);
--bg-backdrop: hsl(var(--black-500-hsl) / 54%);
--bg-backdrop-no-opacity: var(--black-500);
--bg-base-primary: var(--white-500);
--bg-base-secondary: var(--primary-130);
--bg-base-tertiary: var(--primary-160);
--bg-brand: var(--brand-500);
--bg-mod-faint: hsl(var(--primary-400-hsl) / 8%);
--bg-mod-strong: hsl(var(--primary-400-hsl) / 24%);
--bg-mod-subtle: hsl(var(--primary-400-hsl) / 16%);
--bg-surface-overlay: var(--white-500);
--bg-surface-overlay-tmp: var(--primary-130);
--bg-surface-raised: var(--white-500);
--black: var(--black-500);
--blur-fallback: hsl(var(--primary-530-hsl) / 96%);
--blur-fallback-pressed: hsl(var(--primary-560-hsl) / 96%);
--border-faint: hsl(var(--black-500-hsl) / 4%);
--border-strong: hsl(var(--black-500-hsl) / 16%);
--border-subtle: hsl(var(--black-500-hsl) / 8%);
--bug-reporter-modal-submitting-background: hsl(var(--white-500-hsl) / 60%);
--button-creator-revenue-background: var(--teal-430);
--button-danger-background: var(--red-430);
--button-danger-background-active: var(--red-530);
--button-danger-background-disabled: var(--red-430);
--button-danger-background-hover: var(--red-500);
--button-outline-brand-background: hsl(var(--white-500-hsl) / 0%);
--button-outline-brand-background-active: var(--brand-560);
--button-outline-brand-background-hover: var(--brand-500);
--button-outline-brand-border: var(--brand-500);
--button-outline-brand-border-active: var(--brand-560);
--button-outline-brand-border-hover: var(--brand-500);
--button-outline-brand-text: var(--black-500);
--button-outline-brand-text-active: var(--white-500);
--button-outline-brand-text-hover: var(--white-500);
--button-outline-danger-background: hsl(var(--white-500-hsl) / 0%);
--button-outline-danger-background-active: var(--red-460);
--button-outline-danger-background-hover: var(--red-430);
--button-outline-danger-border: var(--red-430);
--button-outline-danger-border-active: var(--red-430);
--button-outline-danger-border-hover: var(--red-430);
--button-outline-danger-text: var(--black-500);
--button-outline-danger-text-active: var(--white-500);
--button-outline-danger-text-hover: var(--white-500);
--button-outline-positive-background: hsl(var(--white-500-hsl) / 0%);
--button-outline-positive-background-active: var(--green-530);
--button-outline-positive-background-hover: var(--green-430);
--button-outline-positive-border: var(--green-400);
--button-outline-positive-border-active: var(--green-530);
--button-outline-positive-border-hover: var(--green-430);
--button-outline-positive-text: var(--black-500);
--button-outline-positive-text-active: var(--white-500);
--button-outline-positive-text-hover: var(--white-500);
--button-outline-primary-background: hsl(var(--white-500-hsl) / 0%);
--button-outline-primary-background-active: var(--primary-600);
--button-outline-primary-background-hover: var(--primary-530);
--button-outline-primary-border: var(--primary-530);
--button-outline-primary-border-active: var(--primary-600);
--button-outline-primary-border-hover: var(--primary-530);
--button-outline-primary-text: var(--black-500);
--button-outline-primary-text-active: var(--white-500);
--button-outline-primary-text-hover: var(--white-500);
--button-positive-background: var(--green-430);
--button-positive-background-active: var(--green-530);
--button-positive-background-disabled: var(--green-430);
--button-positive-background-hover: var(--green-530);
--button-secondary-background: var(--primary-430);
--button-secondary-background-active: var(--primary-530);
--button-secondary-background-disabled: var(--primary-430);
--button-secondary-background-hover: var(--primary-500);
--card-gradient-bg: hsl(var(--white-500-hsl) / 70%);
--card-gradient-pressed-bg: hsl(var(--white-500-hsl) / 50%);
--card-primary-bg: var(--white-500);
--card-primary-pressed-bg: var(--primary-160);
--card-secondary-bg: var(--white-500);
--card-secondary-pressed-bg: var(--primary-160);
--channel-icon: var(--primary-430);
--channel-text-area-placeholder: var(--primary-400);
--channels-default: var(--primary-460);
--channeltextarea-background: var(--primary-160);
--chat-background: var(--white-500);
--chat-banner-bg: var(--primary-130);
--chat-border: var(--primary-200);
--chat-input-container-background: var(--white-500);
--chat-swipe-to-reply-background: var(--primary-160);
--chat-swipe-to-reply-gradient-background: hsl(var(--white-500-hsl) / 40%);
--context-menu-backdrop-background: hsl(var(--black-500-hsl) / 54%);
--control-brand-foreground: var(--brand-500);
--control-brand-foreground-new: var(--brand-500);
--creator-revenue-icon-gradient-end: var(--teal-400);
--creator-revenue-icon-gradient-start: var(--teal-345);
--creator-revenue-info-box-background: hsl(var(--teal-430-hsl) / 10%);
--creator-revenue-info-box-border: var(--teal-400);
--creator-revenue-locked-channel-icon: var(--teal-400);
--creator-revenue-progress-bar: var(--teal-345);
--deprecated-card-bg: var(--primary-100);
--deprecated-card-editable-bg: hsl(var(--primary-100-hsl) / 60%);
--deprecated-quickswitcher-input-background: var(--white-500);
--deprecated-quickswitcher-input-placeholder: hsl(
var(--primary-500-hsl) / 30%
);
--deprecated-store-bg: var(--primary-100);
--deprecated-text-input-bg: var(--primary-200);
--deprecated-text-input-border: hsl(var(--primary-500-hsl) / 30%);
--deprecated-text-input-border-disabled: var(--primary-200);
--deprecated-text-input-border-hover: var(--primary-300);
--deprecated-text-input-prefix: var(--primary-300);
--display-banner-overflow-background: hsl(var(--white-200-hsl) / 50%);
--divider-strong: hsl(var(--black-500-hsl) / 16%);
--divider-subtle: hsl(var(--black-500-hsl) / 8%);
--embed-background: var(--primary-130);
--embed-background-alternate: var(--primary-200);
--embed-title: var(--primary-860);
--expression-picker-bg: var(--primary-130);
--focus-primary: var(--blue-360);
--forum-post-extra-media-count-container-background: hsl(
var(--primary-160-hsl) / 80%
);
--forum-post-tag-background: hsl(var(--primary-160-hsl) / 90%);
--guild-icon-inactive-bg: var(--primary-130);
--guild-icon-inactive-nested-bg: var(--white-500);
--guild-notifications-bottom-sheet-pill-background: var(--white-500);
--halo-positive: hsl(var(--green-360-hsl) / 24%);
--header-muted: var(--primary-460);
--header-primary: var(--primary-860);
--header-secondary: var(--primary-500);
--home-background: var(--primary-100);
--home-card-resting-border: hsl(var(--primary-400-hsl) / 24%);
--icon-muted: var(--primary-400);
--icon-primary: var(--primary-860);
--icon-secondary: var(--primary-500);
--icon-transparent: hsl(var(--transparent-hsl) / 0%);
--info-box-background: hsl(var(--blue-345-hsl) / 10%);
--info-danger-background: hsl(var(--red-430-hsl) / 10%);
--info-danger-foreground: var(--red-430);
--info-danger-text: var(--black-500);
--info-help-background: hsl(var(--blue-430-hsl) / 10%);
--info-help-foreground: var(--blue-430);
--info-help-text: var(--black-500);
--info-positive-background: hsl(var(--green-400-hsl) / 5%);
--info-positive-foreground: var(--green-400);
--info-positive-text: var(--black-500);
--info-warning-background: hsl(var(--yellow-400-hsl) / 10%);
--info-warning-foreground: var(--yellow-400);
--info-warning-text: var(--black-500);
--input-background: hsl(var(--black-500-hsl) / 8%);
--input-focused-border: hsl(var(--black-500-hsl) / 10%);
--input-placeholder-text: var(--primary-460);
--interactive-active: var(--primary-860);
--interactive-hover: var(--primary-600);
--interactive-muted: var(--primary-300);
--interactive-normal: var(--primary-500);
--legacy-android-blur-overlay-default: hsl(var(--primary-130-hsl) / 10%);
--legacy-android-blur-overlay-ultra-thin: hsl(var(--white-500-hsl) / 25%);
--legacy-blur-fallback-default: hsl(var(--primary-230-hsl) / 97.5%);
--legacy-blur-fallback-ultra-thin: hsl(var(--white-500-hsl) / 95%);
--live-stage-tile-border: hsl(var(--primary-430-hsl) / 10%);
--logo-primary: var(--brand-500);
--mention-background: hsl(var(--brand-500-hsl) / 10%);
--mention-foreground: var(--brand-500);
--modal-background: var(--white-500);
--modal-footer-background: var(--primary-130);
--navigator-header-tint: var(--primary-500);
--panel-bg: var(--white-500);
--polls-normal-fill-hover: var(--primary-230);
--polls-normal-image-background: var(--white-500);
--polls-victor-fill: hsl(var(--green-400-hsl) / 20%);
--polls-voted-fill: hsl(var(--brand-500-hsl) / 20%);
--profile-gradient-card-background: hsl(var(--white-500-hsl) / 70%);
--profile-gradient-message-input-border: hsl(var(--primary-430-hsl) / 20%);
--profile-gradient-note-background: hsl(var(--white-500-hsl) / 30%);
--profile-gradient-overlay: hsl(var(--white-500-hsl) / 60%);
--profile-gradient-overlay-synced-with-user-theme: hsl(
var(--white-500-hsl) / 80%
);
--profile-gradient-profile-body-background-hover: hsl(
var(--black-500-hsl) / 8%
);
--profile-gradient-role-pill-background: hsl(var(--white-500-hsl) / 50%);
--profile-gradient-role-pill-border: hsl(var(--primary-660-hsl) / 20%);
--profile-gradient-section-box: hsl(var(--white-500-hsl) / 45%);
--redesign-activity-card-background: var(--white-500);
--redesign-activity-card-background-pressed: var(--primary-160);
--redesign-activity-card-badge-icon: var(--primary-400);
--redesign-activity-card-border: hsl(var(--primary-400-hsl) / 20%);
--redesign-activity-card-overflow-background: var(--primary-230);
--redesign-button-danger-background: var(--red-430);
--redesign-button-danger-pressed-background: var(--red-460);
--redesign-button-danger-text: var(--white-500);
--redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl) / 50%);
--redesign-button-overlay-alpha-pressed-background: hsl(
var(--black-500-hsl) / 60%
);
--redesign-button-overlay-alpha-text: var(--white-500);
--redesign-button-overlay-background: var(--white-500);
--redesign-button-overlay-pressed-background: var(--primary-230);
--redesign-button-overlay-text: var(--primary-860);
--redesign-button-positive-background: var(--green-430);
--redesign-button-positive-pressed-background: var(--green-460);
--redesign-button-positive-text: var(--white-500);
--redesign-button-primary-alt-background: hsl(var(--brand-500-hsl) / 0%);
--redesign-button-primary-alt-border: var(--brand-500);
--redesign-button-primary-alt-on-blurple-background: hsl(
var(--brand-530-hsl) / 0%);
--redesign-button-primary-alt-on-blurple-border: var(--white-500);
--redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
--redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
--redesign-button-primary-alt-on-blurple-text: var(--white-500);
--redesign-button-primary-alt-pressed-background: hsl(
var(--brand-500-hsl) / 6%
);
--redesign-button-primary-alt-pressed-border: var(--brand-330);
--redesign-button-primary-alt-pressed-text: var(--brand-560);
--redesign-button-primary-alt-text: var(--brand-500);
--redesign-button-primary-background: var(--brand-500);
--redesign-button-primary-on-blurple-background: var(--white-500);
--redesign-button-primary-on-blurple-pressed-background: var(--brand-200);
--redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
--redesign-button-primary-on-blurple-text: var(--brand-500);
--redesign-button-primary-pressed-background: var(--brand-560);
--redesign-button-primary-text: var(--white-500);
--redesign-button-secondary-alt-background: hsl(var(--black-500-hsl) / 8%);
--redesign-button-secondary-alt-pressed-background: hsl(
var(--black-500-hsl) / 10%
);
--redesign-button-secondary-alt-pressed-text: var(--primary-500);
--redesign-button-secondary-alt-text: var(--primary-600);
--redesign-button-secondary-background: var(--white-500);
--redesign-button-secondary-border: hsl(var(--black-500-hsl) / 8%);
--redesign-button-secondary-pressed-background: var(--primary-130);
--redesign-button-secondary-pressed-border: hsl(var(--black-500-hsl) / 4%);
--redesign-button-secondary-text: var(--primary-600);
--redesign-button-selected-background: hsl(var(--brand-500-hsl) / 10%);
--redesign-button-selected-pressed-background: hsl(
var(--brand-500-hsl) / 20%
);
--redesign-button-selected-text: var(--brand-500);
--redesign-channel-category-name-text: var(--primary-500);
--redesign-channel-message-preview-text: var(--primary-460);
--redesign-channel-name-muted-text: var(--primary-460);
--redesign-channel-name-text: var(--primary-860);
--redesign-chat-input-background: hsl(var(--black-500-hsl) / 8%);
--redesign-input-control-active-bg: var(--white-500);
--redesign-input-control-selected: var(--brand-500);
--redesign-only-background-active: var(--primary-430);
--redesign-only-background-default: var(--white-500);
--redesign-only-background-overlay: var(--primary-160);
--redesign-only-background-raised: var(--primary-130);
--redesign-only-background-sunken: var(--primary-200);
--scrollbar-auto-scrollbar-color-thumb: var(--primary-230);
--scrollbar-auto-scrollbar-color-track: var(--primary-130);
--scrollbar-auto-thumb: var(--primary-300);
--scrollbar-auto-track: var(--primary-160);
--scrollbar-thin-thumb: hsl(var(--primary-500-hsl) / 30%);
--scrollbar-thin-track: hsl(var(--black-500-hsl) / 0%);
--spoiler-hidden-background: var(--primary-200);
--spoiler-revealed-background: var(--primary-160);
--status-danger: var(--red-430);
--status-danger-background: var(--red-430);
--status-danger-text: var(--white-500);
--status-dnd: var(--red-430);
--status-idle: var(--yellow-400);
--status-offline: var(--primary-460);
--status-online: var(--green-400);
--status-positive: var(--green-400);
--status-positive-background: var(--green-430);
--status-positive-text: var(--white-500);
--status-speaking: var(--green-360);
--status-warning: var(--yellow-400);
--status-warning-background: var(--yellow-400);
--status-warning-text: var(--white-500);
--text-brand: var(--brand-500);
--text-danger: var(--red-500);
--text-link: var(--blue-430);
--text-link-low-saturation: var(--blue-430);
--text-low-contrast: var(--primary-460);
--text-message-preview-low-sat: var(--primary-460);
--text-muted: var(--primary-460);
--text-muted-on-default: var(--primary-430);
--text-normal: var(--primary-600);
--text-positive: var(--green-430);
--text-primary: var(--primary-600);
--text-secondary: var(--primary-500);
--text-warning: var(--yellow-430);
--textbox-markdown-syntax: var(--primary-530);
--theme-locked-blur-fallback: hsl(var(--primary-700-hsl) / 90%);
--toast-bg: var(--white-500);
--typing-indicator-bg: var(--primary-130);
--user-profile-header-overflow-background: hsl(var(--white-200-hsl) / 50%);
--voice-video-video-tile-background: hsl(var(--plum-17-hsl) / 40%);
--voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 48%);
--white: var(--white-500);
--you-bar-bg: var(--white-500);
}
.theme-dark .userPopoutOuter_c69a7b.theme-light {
--action-sheet-gradient-bg: var(--primary-630);
--activity-card-background: var(--primary-700);
--activity-card-icon-overlay: hsl(var(--primary-600-hsl) / 80%);
--alert-bg: var(--primary-600);
--android-navigation-bar-background: var(--primary-830);
--android-navigation-scrim-background: hsl(var(--primary-830-hsl) / 50%);
--android-ripple: hsl(var(--white-500-hsl) / 7%);
--background-accent: var(--primary-530);
--background-floating: var(--primary-800);
--background-mentioned: hsl(var(--yellow-300-hsl) / 10%);
--background-mentioned-hover: hsl(var(--yellow-300-hsl) / 8%);
--background-message-automod: hsl(var(--red-400-hsl) / 5%);
--background-message-automod-hover: hsl(var(--red-400-hsl) / 10%);
--background-message-highlight: hsl(var(--brand-360-hsl) / 8%);
--background-message-highlight-hover: hsl(var(--brand-360-hsl) / 6%);
--background-message-hover: hsl(var(--primary-900-hsl) / 6%);
--background-mobile-primary: var(--primary-600);
--background-mobile-secondary: var(--primary-630);
--background-modifier-accent: hsl(var(--primary-500-hsl) / 48%);
--background-modifier-accent-2: hsl(var(--primary-500-hsl) / 48%);
--background-modifier-active: hsl(var(--primary-500-hsl) / 48%);
--background-modifier-hover: hsl(var(--primary-500-hsl) / 30%);
--background-modifier-selected: hsl(var(--primary-500-hsl) / 60%);
--background-nested-floating: var(--primary-630);
--background-primary: var(--primary-600);
--background-secondary: var(--primary-630);
--background-secondary-alt: var(--primary-660);
--background-tertiary: var(--primary-700);
--bg-backdrop: hsl(var(--black-500-hsl) / 70%);
--bg-backdrop-no-opacity: var(--black-500);
--bg-base-primary: var(--primary-600);
--bg-base-secondary: var(--primary-630);
--bg-base-tertiary: var(--primary-660);
--bg-brand: var(--brand-500);
--bg-mod-faint: hsl(var(--primary-500-hsl) / 30%);
--bg-mod-strong: hsl(var(--primary-500-hsl) / 50%);
--bg-mod-subtle: hsl(var(--primary-500-hsl) / 48%);
--bg-surface-overlay: var(--primary-800);
--bg-surface-overlay-tmp: var(--primary-800);
--bg-surface-raised: var(--primary-600);
--black: var(--black-500);
--blur-fallback: hsl(var(--primary-700-hsl) / 90%);
--blur-fallback-pressed: hsl(var(--primary-730-hsl) / 90%);
--border-faint: hsl(var(--white-500-hsl) / 3%);
--border-strong: hsl(var(--white-500-hsl) / 10%);
--border-subtle: hsl(var(--white-500-hsl) / 8%);
--bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl) / 60%);
--button-creator-revenue-background: var(--teal-430);
--button-danger-background: var(--red-430);
--button-danger-background-active: var(--red-530);
--button-danger-background-disabled: var(--red-430);
--button-danger-background-hover: var(--red-500);
--button-outline-brand-background: hsl(var(--white-500-hsl) / 0%);
--button-outline-brand-background-active: var(--brand-560);
--button-outline-brand-background-hover: var(--brand-500);
--button-outline-brand-border: var(--brand-500);
--button-outline-brand-border-active: var(--brand-560);
--button-outline-brand-border-hover: var(--brand-500);
--button-outline-brand-text: var(--white-500);
--button-outline-brand-text-active: var(--white-500);
--button-outline-brand-text-hover: var(--white-500);
--button-outline-danger-background: hsl(var(--white-500-hsl) / 0%);
--button-outline-danger-background-active: var(--red-460);
--button-outline-danger-background-hover: var(--red-430);
--button-outline-danger-border: var(--red-400);
--button-outline-danger-border-active: var(--red-430);
--button-outline-danger-border-hover: var(--red-430);
--button-outline-danger-text: var(--white-500);
--button-outline-danger-text-active: var(--white-500);
--button-outline-danger-text-hover: var(--white-500);
--button-outline-positive-background: hsl(var(--white-500-hsl) / 0%);
--button-outline-positive-background-active: var(--green-530);
--button-outline-positive-background-hover: var(--green-430);
--button-outline-positive-border: var(--green-360);
--button-outline-positive-border-active: var(--green-530);
--button-outline-positive-border-hover: var(--green-430);
--button-outline-positive-text: var(--white-500);
--button-outline-positive-text-active: var(--white-500);
--button-outline-positive-text-hover: var(--white-500);
--button-outline-primary-background: hsl(var(--white-500-hsl) / 0%);
--button-outline-primary-background-active: var(--primary-430);
--button-outline-primary-background-hover: var(--primary-500);
--button-outline-primary-border: var(--primary-500);
--button-outline-primary-border-active: var(--primary-430);
--button-outline-primary-border-hover: var(--primary-500);
--button-outline-primary-text: var(--white-500);
--button-outline-primary-text-active: var(--white-500);
--button-outline-primary-text-hover: var(--white-500);
--button-positive-background: var(--green-430);
--button-positive-background-active: var(--green-530);
--button-positive-background-disabled: var(--green-430);
--button-positive-background-hover: var(--green-500);
--button-secondary-background: var(--primary-500);
--button-secondary-background-active: var(--primary-400);
--button-secondary-background-disabled: var(--primary-500);
--button-secondary-background-hover: var(--primary-430);
--card-gradient-bg: hsl(var(--black-500-hsl) / 40%);
--card-gradient-pressed-bg: hsl(var(--black-500-hsl) / 50%);
--card-primary-bg: var(--primary-600);
--card-primary-pressed-bg: var(--primary-645);
--card-secondary-bg: var(--primary-630);
--card-secondary-pressed-bg: var(--primary-645);
--channel-icon: var(--primary-400);
--channel-text-area-placeholder: var(--primary-430);
--channels-default: var(--primary-360);
--channeltextarea-background: var(--primary-560);
--chat-background: var(--primary-600);
--chat-banner-bg: var(--primary-630);
--chat-border: var(--primary-700);
--chat-input-container-background: var(--primary-600);
--chat-swipe-to-reply-background: var(--primary-660);
--chat-swipe-to-reply-gradient-background: hsl(var(--black-500-hsl) / 10%);
--coachmark-bg: var(--primary-800);
--context-menu-backdrop-background: hsl(var(--black-500-hsl) / 70%);
--control-brand-foreground: var(--brand-360);
--control-brand-foreground-new: var(--brand-360);
--creator-revenue-icon-gradient-end: var(--teal-430);
--creator-revenue-icon-gradient-start: var(--teal-360);
--creator-revenue-info-box-background: hsl(var(--teal-430-hsl) / 10%);
--creator-revenue-info-box-border: var(--teal-400);
--creator-revenue-locked-channel-icon: var(--teal-345);
--creator-revenue-progress-bar: var(--teal-400);
--deprecated-card-bg: hsl(var(--primary-700-hsl) / 60%);
--deprecated-card-editable-bg: hsl(var(--primary-700-hsl) / 30%);
--deprecated-quickswitcher-input-background: var(--primary-400);
--deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl) / 30%);
--deprecated-store-bg: var(--primary-600);
--deprecated-text-input-bg: var(--primary-700);
--deprecated-text-input-border: hsl(var(--black-500-hsl) / 30%);
--deprecated-text-input-border-disabled: var(--primary-700);
--deprecated-text-input-border-hover: var(--primary-900);
--deprecated-text-input-prefix: var(--primary-200);
--display-banner-overflow-background: hsl(var(--primary-700-hsl) / 50%);
--divider-strong: hsl(var(--white-500-hsl) / 10%);
--divider-subtle: hsl(var(--white-500-hsl) / 8%);
--embed-background: var(--primary-630);
--embed-background-alternate: var(--primary-600);
--embed-title: var(--primary-130);
--expression-picker-bg: var(--primary-630);
--focus-primary: var(--blue-345);
--forum-post-extra-media-count-container-background: hsl(
var(--primary-660-hsl) / 80%
);
--forum-post-tag-background: hsl(var(--primary-660-hsl) / 90%);
--guild-icon-inactive-bg: var(--primary-630);
--guild-icon-inactive-nested-bg: var(--primary-600);
--guild-notifications-bottom-sheet-pill-background: var(--primary-700);
--halo-positive: hsl(var(--green-360-hsl) / 20%);
--header-muted: var(--primary-360);
--header-primary: var(--primary-130);
--header-secondary: var(--primary-330);
--home-background: var(--primary-645);
--home-card-resting-border: hsl(var(--transparent-hsl) / 0%);
--icon-muted: var(--primary-400);
--icon-primary: var(--primary-130);
--icon-secondary: var(--primary-330);
--icon-transparent: hsl(var(--transparent-hsl) / 0%);
--info-box-background: hsl(var(--blue-345-hsl) / 10%);
--info-danger-background: hsl(var(--red-400-hsl) / 10%);
--info-danger-foreground: var(--red-400);
--info-danger-text: var(--white-500);
--info-help-background: hsl(var(--blue-345-hsl) / 10%);
--info-help-foreground: var(--blue-345);
--info-help-text: var(--white-500);
--info-positive-background: hsl(var(--green-360-hsl) / 10%);
--info-positive-foreground: var(--green-360);
--info-positive-text: var(--white-500);
--info-warning-background: hsl(var(--yellow-300-hsl) / 10%);
--info-warning-foreground: var(--yellow-300);
--info-warning-text: var(--white-500);
--input-background: var(--primary-700);
--input-focused-border: hsl(var(--white-500-hsl) / 10%);
--input-placeholder-text: var(--input-placeholder-text-dark);
--interactive-active: var(--white-500);
--interactive-hover: var(--primary-230);
--interactive-muted: var(--primary-500);
--interactive-normal: var(--primary-330);
--legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl) / 50%);
--legacy-android-blur-overlay-ultra-thin: hsl(var(--black-500-hsl) / 2.5%);
--legacy-blur-fallback-default: hsl(var(--primary-660-hsl) / 97.5%);
--legacy-blur-fallback-ultra-thin: hsl(var(--black-500-hsl) / 95%);
--live-stage-tile-border: hsl(var(--primary-500-hsl) / 60%);
--logo-primary: var(--white-500);
--mention-background: hsl(var(--brand-500-hsl) / 30%);
--mention-foreground: var(--brand-260);
--modal-background: var(--primary-600);
--modal-footer-background: var(--primary-630);
--navigator-header-tint: var(--white-500);
--panel-bg: var(--primary-600);
--polls-normal-fill-hover: var(--primary-600);
--polls-normal-image-background: var(--primary-660);
--polls-victor-fill: hsl(var(--green-360-hsl) / 20%);
--polls-voted-fill: hsl(var(--brand-500-hsl) / 20%);
--profile-gradient-card-background: hsl(var(--black-500-hsl) / 70%);
--profile-gradient-message-input-border: hsl(var(--primary-500-hsl) / 48%);
--profile-gradient-note-background: hsl(var(--black-500-hsl) / 30%);
--profile-gradient-overlay: hsl(var(--black-500-hsl) / 60%);
--profile-gradient-overlay-synced-with-user-theme: hsl(
var(--black-500-hsl) / 80%
);
--profile-gradient-profile-body-background-hover: hsl(
var(--white-500-hsl) / 10%
);
--profile-gradient-role-pill-background: hsl(var(--primary-660-hsl) / 50%);
--profile-gradient-role-pill-border: hsl(var(--white-500-hsl) / 20%);
--profile-gradient-section-box: hsl(var(--black-500-hsl) / 45%);
--redesign-activity-card-background: var(--primary-560);
--redesign-activity-card-background-pressed: var(--primary-630);
--redesign-activity-card-badge-icon: var(--primary-360);
--redesign-activity-card-border: hsl(var(--white-500-hsl) / 2%);
--redesign-activity-card-overflow-background: var(--primary-630);
--redesign-button-active-background: var(--green-430);
--redesign-button-active-pressed-background: var(--green-460);
--redesign-button-active-text: var(--white-500);
--redesign-button-danger-background: var(--red-430);
--redesign-button-danger-pressed-background: var(--red-460);
--redesign-button-danger-text: var(--white-500);
--redesign-button-destructive-background: var(--red-430);
--redesign-button-destructive-pressed-background: var(--red-460);
--redesign-button-destructive-text: var(--white-500);
--redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl) / 50%);
--redesign-button-overlay-alpha-pressed-background: hsl(
var(--black-500-hsl) / 60%
);
--redesign-button-overlay-alpha-text: var(--white-500);
--redesign-button-overlay-background: var(--white-500);
--redesign-button-overlay-pressed-background: var(--primary-230);
--redesign-button-overlay-text: var(--primary-860);
--redesign-button-positive-background: var(--green-430);
--redesign-button-positive-pressed-background: var(--green-460);
--redesign-button-positive-text: var(--white-500);
--redesign-button-primary-alt-background: hsl(var(--brand-500-hsl) / 0%);
--redesign-button-primary-alt-border: var(--brand-360);
--redesign-button-primary-alt-on-blurple-background: hsl(
var(--brand-530-hsl) / 0%);
--redesign-button-primary-alt-on-blurple-border: var(--white-500);
--redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
--redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
--redesign-button-primary-alt-on-blurple-text: var(--white-500);
--redesign-button-primary-alt-pressed-background: hsl(
var(--brand-700-hsl) / 10%
);
--redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl) / 50%);
--redesign-button-primary-alt-pressed-text: var(--brand-360);
--redesign-button-primary-alt-text: var(--brand-360);
--redesign-button-primary-background: var(--brand-500);
--redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
--redesign-button-primary-overlay-background: var(--white-500);
--redesign-button-primary-overlay-pressed-background: var(--primary-230);
--redesign-button-primary-overlay-text: var(--primary-860);
--redesign-button-primary-pressed-background: var(--brand-560);
--redesign-button-primary-text: var(--white-500);
--redesign-button-secondary-background: var(--primary-460);
--redesign-button-secondary-border: hsl(var(--white-500-hsl) / 8%);
--redesign-button-secondary-overlay-background: hsl(
var(--black-500-hsl) / 50%
);
--redesign-button-secondary-overlay-pressed-background: hsl(
var(--black-500-hsl) / 60%
);
--redesign-button-secondary-overlay-text: var(--white-500);
--redesign-button-secondary-pressed-background: var(--primary-500);
--redesign-button-secondary-pressed-border: hsl(var(--transparent-hsl) / 0%);
--redesign-button-secondary-text: var(--primary-230);
--redesign-button-selected-background: hsl(var(--brand-500-hsl) / 20%);
--redesign-button-selected-pressed-background: hsl(
var(--brand-500-hsl) / 20%
);
--redesign-button-selected-text: var(--brand-500);
--redesign-button-tertiary-background: var(--primary-660);
--redesign-button-tertiary-pressed-background: var(--primary-560);
--redesign-button-tertiary-pressed-text: var(--primary-330);
--redesign-button-tertiary-text: var(--primary-230);
--redesign-channel-category-name-text: var(--primary-330);
--redesign-channel-message-preview-text: var(--primary-360);
--redesign-channel-name-muted-text: var(--primary-360);
--redesign-channel-name-text: var(--primary-130);
--redesign-chat-input-background: var(--primary-700);
--redesign-image-button-pressed-background: hsl(var(--black-500-hsl) / 8%);
--redesign-input-control-active-bg: var(--primary-645);
--redesign-input-control-selected: var(--brand-500);
--redesign-only-background-active: var(--primary-530);
--redesign-only-background-default: var(--primary-600);
--redesign-only-background-overlay: var(--primary-645);
--redesign-only-background-raised: var(--primary-630);
--redesign-only-background-sunken: var(--primary-660);
--scrollbar-auto-scrollbar-color-thumb: var(--primary-730);
--scrollbar-auto-scrollbar-color-track: var(--primary-630);
--scrollbar-auto-thumb: var(--primary-730);
--scrollbar-auto-track: var(--primary-630);
--scrollbar-thin-thumb: var(--primary-730);
--scrollbar-thin-track: hsl(var(--black-500-hsl) / 0%);
--spoiler-hidden-background: var(--primary-700);
--spoiler-revealed-background: var(--primary-660);
--status-danger: var(--red-400);
--status-danger-background: var(--red-430);
--status-danger-text: var(--white-500);
--status-dnd: var(--red-400);
--status-idle: var(--yellow-300);
--status-offline: var(--primary-360);
--status-online: var(--green-360);
--status-positive: var(--green-360);
--status-positive-background: var(--green-430);
--status-positive-text: var(--white-500);
--status-speaking: var(--green-360);
--status-warning: var(--yellow-300);
--status-warning-background: var(--yellow-300);
--status-warning-text: var(--black-500);
--text-brand: var(--brand-360);
--text-danger: var(--red-345);
--text-link: var(--blue-345);
--text-link-low-saturation: var(--blue-330);
--text-low-contrast: var(--primary-360);
--text-message-preview-low-sat: var(--primary-360);
--text-muted: var(--primary-360);
--text-muted-on-default: var(--primary-330);
--text-normal: var(--primary-230);
--text-positive: var(--green-330);
--text-primary: var(--primary-230);
--text-secondary: var(--primary-330);
--text-warning: var(--yellow-300);
--textbox-markdown-syntax: var(--primary-360);
--theme-locked-blur-fallback: hsl(var(--primary-700-hsl) / 96%);
--thread-channel-spine: var(--primary-500);
--toast-bg: var(--primary-800);
--typing-indicator-bg: var(--primary-630);
--user-profile-header-overflow-background: hsl(var(--primary-700-hsl) / 50%);
--voice-video-video-tile-background: hsl(var(--plum-17-hsl) / 40%);
--voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 48%);
--white: var(--white-500);
--you-bar-bg: var(--primary-800);
}
.background_e681d1.selectedBackground_e681d1,
.divider__9293f,
.tabBody__133bf::before,
.form_f75fb0::before,
.children__9293f::after,
.content_f75fb0::before,
.libraryHeader__5a895::before,
.flowerStarContainer__3e3b0 > svg > path,
#customcss-tab > .bd-settings-title,
.closeButton_c2b141 ~ .keybind_c2b141,
.panels_c48ade .wrapper_e131a9:empty,
.protip_ac6cb0,
.divider_d2b491,
.scroller_d2b491::-webkit-scrollbar,
.profilePanel_b433b4 .scrollerBase__99f8c > .overlayBackground_c69a7b:empty,
.overlayBackground_c69a7b:has(.section_d7a21f:empty)
.channelTextArea__74017
.divider__908e2,
.nowPlayingColumn__133bf h2,
.inboxIcon_ab6641,
.stars__1b24f,
.threadIcon_d9c882,
.separator_e4503a,
.tadaIcon_eff079,
.subtext_c1e9c4:has(.tipSubtext_d3460f),
.jumpToPresentBar__0f481 > .barButtonMain__0f481,
.divider_e6f9ab,
.bd-settings-group .bd-setting-divider,
.divider_ae36e5.marginTop40_fd297e,
.divider_ae36e5,
.flex__7c0ba:has(> .backButton_fed6d3) > .searchHeader_fed6d3,
.chat_f75fb0
.messagesWrapper__36d07
> .scroller__36d07::-webkit-scrollbar-track,
[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"],
path[d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"]
+ circle,
.emptyIcon__9d78f,
.headerImage_a39aa3,
.notches_e5cdf3,
.item_c1e9c4 > .iconContainer_c1e9c4 + .iconContainer_c1e9c4,
#app-mount .noChat_cb9592 .gradientContainer_bfe55a,
.item_c1e9c4[role="menuitemcheckbox"] .checkbox_c1e9c4,
.item_c1e9c4[role="menuitemcheckbox"] path:not([class]),
.icon__9293f:has(
[d="M18 10.5283L10.5287 18H21V17C19.344 17 18 15.657 18 14V10.5283Z"]
)
> path:not(
[d="M18 10.5283L10.5287 18H21V17C19.344 17 18 15.657 18 14V10.5283Z"]
),
.spineBorder__5b40b,
.spine__5b40b,
.image__08515,
div:not(.bannerVisible_f37cb1) > .animatedContainer_f37cb1,
.selected_f37cb1 > .animatedContainer_f37cb1,
.rightImage_a0e1d7,
.channel__972a0:has(~ .privateChannelsHeaderContainer__99e7c) .content__20a53,
.separator_c1e9c4,
.unreadPillCap__908e2,
.themeSelectionContainer__36dee .iconWrapper__36dee,
.divider__46c3b,
.credentialItem__6c75d .avatar__91a9d:empty,
#vencordthemes-tab > div:not([class]) > div:not([class]) > .sectionTitle__7bffb,
.shelfTopBackground__52f07,
.wordmark__421ed,
#my-account-tab .bannerSVGWrapper_b32cc2 > foreignObject,
.ready_a2f514,
.prefixElement_d9be46,
.art__9b8f6,
.rowIcon__991a0,
.layer_bc663c:has(
.templatesList_c04f35,
.optionsList__78f69,