AMOLED-Cord

By LuckFire Version 5.0.11 Updated 02/17/2026 501.6K downloads

A theme that's nice on your eyes.. lights out baby!

dark

Live preview

Full Discord interface with this theme applied โ€” powered by ThemePreview.

Screenshot

AMOLED-Cord screenshot
amoled-cord.theme.css
GitHub

Open source

https://raw.githubusercontent.com/LuckFire/amoled-cord/343808e7d5297223e43868b3955da4cbbd01ceef/clients/amoled-cord.theme.css
1/**
2 * @name AMOLED-Cord
3 * @author LuckFire
4 * @description A basically pitch black theme for Discord. Lights out, baby!
5 * @version 5.0.11
6 * @invite vYdXbEzqDs
7 * @authorId 399416615742996480
8 * @source https://github.com/LuckFire/amoled-cord
9 * @updateUrl https://github.com/LuckFire/amoled-cord/blob/main/clients/amoled-cord.theme.css
10*/
11
12@import url("https://luckfire.github.io/amoled-cord/src/amoled-cord.css");
13
14.theme-midnight {
15 --message-background-hover: var(--opacity-8) !important;
16 --background-mod-muted: var(--opacity-4) !important;
17 --background-mod-normal: var(--opacity-16) !important;
18 --background-mod-strong: var(--opacity-20) !important;
19 --background-mod-subtle: var(--opacity-8) !important;
20 --interactive-background-active: var(--opacity-16) !important;
21 --interactive-background-hover: var(--opacity-8) !important;
22 --interactive-background-selected: var(--opacity-20) !important;
23 --background-secondary-alt: var(--neutral-88) !important;
24 --card-background-default: var(--background-base-low) !important;
25 --modal-background: var(--background-base-lowest) !important;
26 --modal-footer-background: var(--background-base-lowest) !important;
27 --scrollbar-auto-scrollbar-color-thumb: var(--neutral-80) !important;
28 --scrollbar-auto-thumb: var(--neutral-80) !important;
29 --scrollbar-thin-thumb: var(--neutral-79) !important;
30 --custom-channel-members-bg: var(--background-base-lowest) !important;
31}
32
33@supports (color: color-mix(in lch, red, blue)) {
34 .theme-midnight {
35 --message-background-hover: color-mix(
36 in oklab,
37 var(--opacity-8) 100%,
38 hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196)
39 var(--theme-base-color-amount, 0%)
40 ) !important;
41 --background-secondary-alt: color-mix(
42 in oklab,
43 var(--neutral-88) 100%,
44 var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
45 ) !important;
46 --card-background-default: color-mix(
47 in oklab,
48 var(--background-base-low) 100%,
49 var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
50 ) !important;
51 --modal-background: color-mix(
52 in oklab,
53 var(--background-base-lowest) 100%,
54 var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
55 ) !important;
56 --modal-footer-background: color-mix(
57 in oklab,
58 var(--background-base-lowest) 100%,
59 var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
60 ) !important;
61 --scrollbar-auto-scrollbar-color-thumb: color-mix(
62 in oklab,
63 var(--neutral-80) 100%,
64 var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
65 ) !important;
66 --scrollbar-auto-thumb: color-mix(
67 in oklab,
68 var(--neutral-80) 100%,
69 var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
70 ) !important;
71 --scrollbar-thin-thumb: color-mix(
72 in oklab,
73 var(--neutral-79) 100%,
74 var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
75 ) !important;
76 }
77}
78.theme-midnight .header__0b563 {
79 background-color: var(--background-base-lowest) !important;
80}
81.theme-midnight .pageBody__41ed7 {
82 background-color: var(--background-base-lowest);
83}
84.theme-midnight .container__0b563 {
85 background-color: var(--background-base-lowest) !important;
86}
87.theme-midnight .channelRow_e4503a:hover:not(.disabled_e4503a) {
88 background-color: var(--opacity-12) !important;
89}
90.theme-midnight .container_bc0d35 {
91 background-color: var(--background-base-low);
92 border: 1px solid var(--border-subtle);
93}
94.theme-midnight .prompt__5d7c9 {
95 background-color: var(--background-base-low);
96}
97.theme-midnight .emptyPage__5d7c9 {
98 background-color: var(--background-base-lowest);
99}
100.theme-midnight .profileCard__5d7c9 {
101 border: 1px solid var(--border-subtle);
102}
103
104.theme-midnight .calendarPicker_d27f17 .react-datepicker,
105.theme-midnight .calendarPicker_d27f17 .react-datepicker__header {
106 background-color: var(--background-base-low);
107}
108.theme-midnight .calendarPicker_d27f17 .react-datepicker__current-month {
109 border-bottom-color: var(--border-muted);
110}
111.theme-midnight .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled, .theme-midnight .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
112 background-color: var(--background-base-lower);
113}
114
115.theme-midnight .wrapper_fc8177,
116.theme-midnight .wrapper_d852db {
117 background: var(--background-base-lowest);
118}
119.theme-midnight .chatContent_f75fb0,
120.theme-midnight .container__34c2c,
121.theme-midnight .container_fb64c9 {
122 background: var(--background-base-lowest);
123}
124.theme-midnight .emptyState__7641b {
125 border-left: 1px solid var(--app-frame-border);
126}
127.theme-midnight .wrapper_f7ecac {
128 background-color: var(--background-surface-high);
129}
130.theme-midnight .channelTextArea_f75fb0 {
131 background: var(--background-base-low);
132}
133.theme-midnight .channelTextArea__74017:not(.inlineContainer__74017) .themedBackground__74017 {
134 background: var(--background-base-low);
135}
136.theme-midnight .bannerContainer__362cd {
137 background: var(--background-base-low);
138}
139.theme-midnight .formWithLoadedChatInput_f75fb0:before,
140.theme-midnight .chatGradient__36d07 {
141 background: linear-gradient(to bottom, transparent, var(--background-base-lowest) 100%);
142}
143.theme-midnight .chatTypingGradientAtBottom__36d07 {
144 background: linear-gradient(to bottom, transparent, var(--background-base-lowest) 8px, var(--background-base-lowest) 100%);
145}
146.theme-midnight .chatTypingGradientNotAtBottom__36d07 {
147 background: linear-gradient(to bottom, transparent, var(--background-base-lowest) 72px, var(--background-base-lowest) 100%);
148}
149.theme-midnight .optionPill__1464f {
150 border: 1px solid var(--border-muted);
151 background-color: var(--background-surface-high);
152}
153.theme-midnight .optionPill__1464f .optionPillKey__1464f {
154 background-color: var(--background-base-lower);
155}
156.theme-midnight .stackedBars__74017 {
157 background: var(--background-surface-high);
158}
159.theme-midnight .embedCard__44c9a {
160 border: 1px solid var(--border-subtle);
161 border-bottom: none;
162 background-color: var(--background-surface-high);
163}
164.theme-midnight .footerContainer__44492 {
165 border: 1px solid var(--border-subtle);
166 background-color: var(--background-base-lower);
167}
168.theme-midnight .embedCard_b99f57 {
169 border: 1px solid var(--border-subtle);
170 background-color: var(--background-surface-high);
171}
172.theme-midnight .embedCard_b99f57 .cardFooter_b99f57 {
173 border-top: 1px solid var(--border-subtle);
174 background-color: var(--background-base-low);
175}
176.theme-midnight .bumpBox_cacd02 {
177 background-color: var(--background-base-low);
178 border: 1px solid var(--border-muted);
179}
180
181.theme-midnight .container_db0ccb,
182.theme-midnight .tabBar_fe7ab2 {
183 background-color: var(--background-base-lowest);
184}
185.theme-midnight .tabBar_fe7ab2,
186.theme-midnight .sidebarContent_db0ccb {
187 border-color: var(--app-frame-border);
188}
189.theme-midnight .container_a51e6d,
190.theme-midnight .actionProperties_a81334 {
191 background-color: var(--background-base-lowest);
192 border-color: var(--app-frame-border);
193}
194.theme-midnight .inspectorContainer__0939d,
195.theme-midnight .inspectorContainer_a81334 {
196 background-color: var(--background-base-lowest);
197}
198.theme-midnight .inspectorWrapper_fe7ab2 >; ul {
199 background-color: var(--background-base-lowest) !important;
200}
201.theme-midnight .canvas_df4c28 {
202 background-color: var(--background-base-lowest);
203}
204
205.theme-midnight .container_f369db {
206 background-color: var(--background-base-lowest);
207}
208.theme-midnight .descriptionContainer_ca49a1 {
209 background-color: var(--background-base-lowest);
210 border: 1px solid var(--border-subtle);
211}
212.theme-midnight .linkContainer_ca49a1 {
213 background-color: var(--background-base-lowest);
214}
215.theme-midnight .gradient_ca49a1 {
216 background: linear-gradient(to top, var(--background-base-lowest), transparent);
217}
218.theme-midnight .contentPreview__9a337 {
219 background-color: var(--background-base-lowest);
220}
221.theme-midnight .textContentFooter__9a337 {
222 background: linear-gradient(to top, hsl(var(--black-hsl)/1), hsl(var(--black-hsl)/0.97) 36px, hsl(var(--black-hsl)/0.4));
223}
224.theme-midnight .textContentFooter__9a337.noTags__9a337 {
225 background: linear-gradient(to top, hsl(var(--black-hsl)/1), hsl(var(--black-hsl)/0));
226}
227
228.theme-midnight .container__9293f {
229 --__header-bar-background: var(--background-base-lowest);
230}
231.theme-midnight .backdrop__8a7fc {
232 background: var(--background-base-lowest);
233}
234
235.theme-midnight .page_c791b2 {
236 background-color: var(--background-base-lowest) !important;
237}
238
239.theme-midnight .searchResult__80bf8 {
240 background-color: var(--background-base-lowest);
241}
242
243.theme-midnight .contentContainer__89463,
244.theme-midnight .sidebarContainer__89463 {
245 background-color: var(--background-base-lowest);
246}
247
248.theme-midnight .pillContainer__9e06a {
249 background-color: var(--background-base-lower);
250}
251
252.theme-midnight .background__7449f {
253 background-color: var(--background-base-lowest);
254}
255.theme-midnight .resourceChannel__7449f:hover {
256 background-color: var(--interactive-background-hover);
257}
258.theme-midnight .headerBarInner__7449f:after {
259 background: linear-gradient(to bottom, rgba(50, 52, 58, 0) 0, var(--background-base-lowest) 100%);
260}
261
262.theme-midnight .opaqueBackground__79d38 {
263 background: hsl(var(--primary-800-hsl)/0.85);
264}
265
266.theme-midnight .mini_a562c8 .bar_a562c8,
267.theme-midnight .slider_a562c8 .bar_a562c8 {
268 background-color: var(--background-surface-highest);
269}
270.theme-midnight .markDash_a562c8 {
271 background-color: var(--background-surface-highest);
272}
273
274.theme-midnight .pageContainer__09fde,
275.theme-midnight .emptySearchWrapper__83bd4 {
276 background-color: var(--background-base-lowest);
277}
278
279.theme-midnight .videoWrapper__2f4f7:not(.wrapper__48b20),
280.theme-midnight .streamHidden_c30e20,
281.theme-midnight .streamPreview__2f4f7 {
282 background-color: var(--background-base-low);
283}
284.theme-midnight .participantsButton__211d1 {
285 background-color: var(--background-surface-higher);
286}
287.theme-midnight .participantsButton__211d1:hover {
288 background-color: var(--background-surface-high);
289}
290.theme-midnight .wrapper_cb9592:has(.resizeHandle__4b144) .callContainer_cb9592 {
291 border-bottom: 1px solid var(--border-subtle);
292}
293.theme-midnight .container__664ff {
294 border-left: 1px solid var(--app-frame-border);
295 background-color: var(--background-base-lowest);
296}
297.theme-midnight .background__506d9 {
298 background-color: var(--background-base-low);
299}
300.theme-midnight .container__6b38f.pulse__6b38f {
301 background-color: var(--neutral-95);
302 border: 1px solid var(--opacity-24);
303}
304.theme-midnight .container__6b38f.pulse__6b38f:hover {
305 background-color: var(--opacity-12);
306}
307.theme-midnight .tileContainer__71eb2:hover {
308 background-color: var(--opacity-12);
309}
310
311.theme-midnight .authBox__921c5 {
312 background-color: var(--background-base-lowest);
313}
314
315.theme-midnight .collectibleInfoContainer_c50f62 {
316 background-color: var(--background-base-lowest);
317}
318
319.theme-midnight .accountBtnInner__750de,
320.theme-midnight .application__750de {
321 border: 1px solid var(--border-subtle);
322}
323
324.theme-midnight .message_fd14e0 {
325 background-color: var(--background-base-lowest);
326 border: 1px solid var(--border-subtle);
327}
328
329.theme-midnight .aside__4d307 {
330 background-color: var(--background-base-lowest);
331}
332
333.theme-midnight .circle__710ee {
334 background-color: var(--background-base-low);
335}
336
337.theme-midnight .container__8a031 {
338 background-color: var(--background-base-lowest);
339}
340.theme-midnight .bodyControls__8a031:after {
341 background: radial-gradient(88.69% 87.5% at 50% 87.5%, transparent 0, var(--background-base-lowest) 100%);
342}
343
344.theme-midnight .gifPicker__6c39d .header_fed6d3 {
345 background-color: var(--background-base-lowest);
346}
347
348.theme-midnight .footer_a55fdc {
349 background-color: var(--background-base-lowest);
350}
351
352.theme-midnight .keyboardShortcutsModal_f061f6 {
353 background-color: var(--background-base-lowest);
354}
355.theme-midnight .keybindGroup_f061f6 {
356 background-color: var(--background-base-low);
357}
358
359.theme-midnight .scroller__6fd0e {
360 background-color: var(--background-base-lowest);
361}
362.theme-midnight .headerWave__1dfae {
363 color: var(--background-base-lowest);
364}
365.theme-midnight .bodyWaveGradientStop1__1dfae,
366.theme-midnight .bodyWaveGradientStop3__1dfae {
367 stop-color: var(--background-base-lower);
368}
369.theme-midnight .bodyWaveGradientStop2__1dfae {
370 stop-color: var(--background-base-low);
371}
372
373.theme-midnight .main_c08b38:not(.fullBorderWithGradient_c08b38) {
374 border-top: 1px solid var(--app-frame-border);
375}
376.theme-midnight .prompt_fe70ca {
377 border: 1px solid var(--border-normal);
378}
379.theme-midnight .navButtons_fe70ca {
380 background-color: var(--background-base-lowest);
381}
382.theme-midnight .termsFieldBody_fe70ca {
383 background-color: var(--background-base-low);
384 border: 1px solid var(--border-subtle);
385}
386
387.theme-midnight .premiumBrandRefreshBackground_e5f3a9 {
388 background-color: var(--background-base-lowest) !important;
389}
390.theme-midnight .premiumBrandRefreshHeader_e50a4d,
391.theme-midnight .skuSelectModalContent_e50a4d.premiumBrandRefreshContent_e50a4d.premiumBrandRefreshContent_e50a4d {
392 background-color: var(--background-base-lowest);
393}
394.theme-midnight .oneStepCheckoutTextWrapper_d5200e {
395 background-color: var(--background-base-lowest);
396}
397.theme-midnight .bodyGradient_d5200e {
398 background: linear-gradient(0deg, transparent 0, var(--background-base-lowest) 46.63%);
399}
400
401.theme-midnight .confirmation__1051d {
402 background-color: var(--background-base-lowest);
403}
404.theme-midnight .iconWrapper__1051d {
405 background-color: var(--background-base-low);
406}
407
408.theme-midnight .scroller__01c8c {
409 border-right: 1px solid var(--border-subtle);
410 background-color: var(--background-base-lowest);
411}
412.theme-midnight .voters__01c8c {
413 background-color: var(--background-base-lowest);
414}
415.theme-midnight .voteSelected__01c8c {
416 background-color: var(--background-base-low);
417}
418
419.theme-midnight .connectionRowHeaderError__5b400 {
420 background-color: hsl(var(--neutral-95-hsl)/0.7);
421}
422
423.theme-midnight .right__58ae6,
424.theme-midnight .rightContent__58ae6 {
425 background-color: var(--background-base-lowest);
426}
427
428.theme-midnight .previewDark__4e29d {
429 background-color: var(--background-base-lowest);
430}
431
432.theme-midnight .relative__8a7fc {
433 border-bottom: 1px solid var(--app-frame-border);
434}
435.theme-midnight .relative__8a7fc,
436.theme-midnight .scroller__23746,
437.theme-midnight .container_cbd375 {
438 background-color: var(--background-base-lowest);
439}
440
441.theme-midnight .containerSidenav_dc2e0e {
442 background-color: var(--background-base-lowest);
443}
444
445.theme-midnight .tabBody__133bf,
446.theme-midnight .nowPlayingColumn__133bf,
447.theme-midnight .container__7d20c,
448.theme-midnight .emptyCard__7e549 {
449 background-color: var(--background-base-lowest);
450}
451.theme-midnight .body__00943 .section__00943 {
452 background-color: var(--background-base-lowest);
453 border: 1px solid var(--border-subtle);
454}
455.theme-midnight .addFriendInputWrapper__72ba7:not(:focus-within) {
456 border-color: var(--input-border);
457}
458.theme-midnight .addFriendInputWrapper__72ba7 {
459 background: var(--input-background);
460}
461.theme-midnight .outer_bf1984 {
462 background-color: var(--background-base-low);
463}
464.theme-midnight .outer_bf1984.active_bf1984:hover, .theme-midnight .outer_bf1984.interactive_bf1984:hover {
465 background-color: var(--background-surface-high);
466}
467
468.theme-midnight .page__5e434:empty,
469.theme-midnight .page__5e434:has(.loader__5e434, >; div:empty:only-child),
470.theme-midnight .noChannel__01d5c {
471 border-top: 1px solid var(--app-frame-border);
472}
473
474.theme-midnight .container_ad5cdf {
475 border-top: 1px solid var(--app-frame-border);
476}
477.theme-midnight .scroller__4a84a,
478.theme-midnight .scroller_fb04e1 {
479 background-color: var(--background-base-lowest);
480}
481.theme-midnight .installationPath_a6f654 {
482 box-shadow: 0 1px 0 0 var(--border-subtle);
483}
484
485.theme-midnight .container_f391e3 {
486 background-color: var(--background-base-lowest);
487}
488
489.theme-midnight .applicationStore_f07d62,
490.theme-midnight .mainPageScroller__80907,
491.theme-midnight .scroller__59141,
492.theme-midnight .allPerksScroller__80907 {
493 background-color: var(--background-base-lowest);
494}
495.theme-midnight .card_b5493b {
496 border: 1px solid var(--border-subtle);
497 background-color: var(--background-surface-high);
498}
499.theme-midnight .card_b5493b .cardDescription__1f069 {
500 background-image: linear-gradient(to bottom, var(--background-surface-high) 50%, hsl(var(--primary-800-hsl)/0.75) 80%);
501}
502.theme-midnight .container__0f226 {
503 border: 1px solid var(--border-subtle);
504 background-color: var(--background-surface-high);
505}
506.theme-midnight .container__0f226 .textContainer__0f226 {
507 background-image: linear-gradient(to right, var(--background-surface-high), hsl(var(--primary-800-hsl)/40%) 90%, transparent);
508}
509
510.theme-midnight .shop__6db1d,
511.theme-midnight .shop__08415,
512.theme-midnight .page__1feb0,
513.theme-midnight .shopScroll__1feb0,
514.theme-midnight .filterBar__1feb0 .filterBar__11877 {
515 background-color: var(--background-base-lowest);
516}
517
518.theme-midnight .addGamePopout_cc46f0 {
519 box-shadow: 0 0 0 1px var(--border-subtle), var(--legacy-elevation-high);
520 background-color: var(--background-base-low);
521}
522
523.theme-midnight .container__5808f {
524 background-color: var(--background-surface-high);
525}
526
527.theme-midnight .autocomplete__13533 {
528 border: 1px solid var(--border-muted);
529 background-color: var(--background-base-low);
530}
531.theme-midnight .autocomplete__13533 .wrapper__14245 {
532 background-color: var(--background-base-low);
533}
534.theme-midnight .autocomplete__13533 .wrapper__4e6ce {
535 border-right: 1px solid var(--border-muted);
536}
537
538.theme-midnight .createOverwritePopout__0ab2c {
539 background-color: var(--background-base-low);
540}
541
542.theme-midnight .contentWarningPopout_d2eed6 {
543 background-color: var(--background-surface-high);
544}
545.theme-midnight .footer_d2eed6 {
546 background-color: var(--background-mod-muted);
547}
548
549.theme-midnight .menu_c1e9c4 {
550 border-color: var(--border-muted);
551 background-color: var(--background-surface-high);
552}
553.theme-midnight .button_f563df {
554 background-color: var(--background-mod-muted);
555}
556.theme-midnight .button_f563df:hover {
557 background-color: var(--background-mod-subtle);
558}
559.theme-midnight .button_f563df:active {
560 background-color: var(--background-mod-strong);
561}
562.theme-midnight .menu__43313 .customMenuItem__43313 .customNotches__43313 {
563 color: var(--background-surface-high);
564}
565
566.theme-midnight .popout_a16aea,
567.theme-midnight .selectDropdown__0edde {
568 background-color: var(--background-surface-high);
569}
570
571.theme-midnight .popoutContainer__0f481 {
572 background-color: color-mix(in oklab, var(--background-surface-high), transparent 10%);
573}
574.theme-midnight .guildSection_d5cd2d {
575 background-color: var(--background-base-low);
576 border-top: 1px solid var(--border-muted);
577}
578
579.theme-midnight .container_fc561d {
580 background-color: var(--background-base-low);
581}
582.theme-midnight .channelHeader__35a7e,
583.theme-midnight .container__0f711 {
584 background-color: var(--background-base-low);
585}
586.theme-midnight .messageContainer__95796,
587.theme-midnight .messages__1ccd1,
588.theme-midnight .forumPost__7d15e {
589 background-color: var(--background-base-lowest);
590}
591.theme-midnight .tutorial__2692d,
592.theme-midnight .upsellContainer__4a7f0,
593.theme-midnight .icon_d404a3 {
594 background-color: var(--background-surface-high);
595}
596
597.theme-midnight .messagesPopoutWrap_e8b59c {
598 background-color: var(--background-base-low);
599}
600.theme-midnight .header_e8b59c {
601 background-color: var(--background-base-low);
602}
603.theme-midnight .footer_e8b59c {
604 background-color: var(--background-surface-high);
605}
606.theme-midnight .messageGroupWrapper_e8b59c {
607 background-color: var(--background-base-lowest);
608}
609
610.theme-midnight .popoutList__92efc {
611 background-color: var(--background-base-low);
612}
613
614.theme-midnight .quickSelectPopout_ebaca5 {
615 border: 1px solid var(--border-muted);
616 background-color: var(--background-surface-high);
617}
618.theme-midnight .quickSelectPopoutOption_ebaca5:hover {
619 background-color: var(--background-mod-muted);
620}
621.theme-midnight .quickSelectPopoutOption_ebaca5:focus {
622 background-color: var(--background-mod-subtle);
623}
624
625.theme-midnight .container_d9c882 {
626 background-color: var(--background-base-low);
627}
628.theme-midnight .header_d9c882 {
629 background-color: var(--background-base-low);
630}
631.theme-midnight .browser__9a792 {
632 background-color: var(--background-base-lowest);
633}
634.theme-midnight .browser__9a792 .header_d9c882 {
635 background-color: var(--background-base-lowest);
636}
637.theme-midnight .container__6764b {
638 background-color: var(--background-base-lowest);
639}
640.theme-midnight .container__6764b:hover {
641 background-color: var(--background-base-lower);
642}
643.theme-midnight .icon__1b24f {
644 background-color: var(--background-surface-high);
645}
646
647.theme-midnight .sidebarRegionScroller__23e6b {
648 border-right: 1px solid var(--app-frame-border);
649}
650
651.theme-midnight .contentRegion__23e6b,
652.theme-midnight .contentRegionScroller__23e6b {
653 background: var(--background-base-lowest);
654}
655.theme-midnight .content_e9e3ed,
656.theme-midnight .sidebar__409aa,
657.theme-midnight .contentHeader_e9e3ed {
658 background-color: var(--background-base-lowest);
659}
660.theme-midnight .fixedContent__409aa:after {
661 background: linear-gradient(to bottom, var(--background-base-lowest), transparent);
662}
663.theme-midnight .accountProfileCard__1fed1 {
664 background-color: var(--background-base-low);
665 border: 1px solid var(--border-subtle);
666}
667.theme-midnight .accountProfileCard__1fed1 .background__1fed1 {
668 border: 1px solid var(--border-subtle);
669 background-color: var(--background-base-lowest);
670}
671.theme-midnight .accountProfileCard__1fed1 .background__1fed1 .fieldList__1fed1 {
672 background-color: var(--background-base-lowest);
673}
674.theme-midnight .emptyContainer_de8069 {
675 border: 1px solid var(--border-muted);
676 background-color: var(--background-base-low);
677}
678.theme-midnight .card__5cea9 {
679 border: 1px solid var(--border-muted);
680}
681.theme-midnight .card__5cea9 .header__5cea9 {
682 border-bottom: 1px solid var(--border-muted);
683 background-color: var(--background-base-low);
684}
685.theme-midnight .box_f8c98c {
686 border-color: var(--border-muted);
687 background-color: var(--background-base-low);
688}
689.theme-midnight .headerV2__50a54 {
690 border-bottom: 1px solid var(--border-muted);
691 background-color: var(--background-base-low);
692}
693.theme-midnight .authedAppV2__50a54 {
694 border: 1px solid var(--border-muted);
695 background-color: var(--background-base-lower);
696}
697.theme-midnight .connection_c7f964 {
698 border: 1px solid var(--border-muted);
699 background-color: var(--background-base-low);
700}
701.theme-midnight .connection_c7f964 .metadataContainer_c7f964,
702.theme-midnight .connection_c7f964 .integrationWrapper_c7f964 {
703 border: 1px solid var(--border-muted);
704 background-color: var(--background-base-lowest);
705}
706.theme-midnight .expandedProgressBarContainerSettingsPage_a61c56,
707.theme-midnight .giftCard_a45ed3 {
708 border: 1px solid var(--border-muted);
709 background-color: var(--background-base-low);
710}
711.theme-midnight .perkCard_b62c4e {
712 border: 1px solid var(--border-muted);
713 background-color: var(--background-base-low);
714}
715.theme-midnight .rowBottomBorder_e4ef5c {
716 border-color: var(--border-subtle);
717}
718.theme-midnight .appliedBoostContainer_ceb06a {
719 border: 1px solid var(--border-muted);
720 background-color: var(--background-base-low);
721}
722.theme-midnight .appliedBoostContainer_ceb06a .boostContainerSeparator_ceb06a {
723 background-color: var(--border-subtle);
724}
725.theme-midnight .appliedBoostContainer_ceb06a .boostContainer_ceb06a {
726 background-color: var(--background-base-low);
727}
728.theme-midnight .appliedBoostContainer_ceb06a .guildContainer__5dba5:not(.recommendedServerCard__51537) {
729 border-bottom: 1px solid var(--border-muted);
730}
731.theme-midnight .wave__8e08c {
732 fill: var(--background-base-lowest);
733}
734.theme-midnight .guildContainer__5dba5 {
735 background-color: var(--background-base-low);
736}
737.theme-midnight .guildContainer__5dba5.recommendedServerCard__51537 {
738 border: 1px solid var(--border-muted);
739}
740.theme-midnight .wrapper__5b98e {
741 border: 1px solid var(--border-muted);
742 background-color: var(--background-base-low);
743}
744.theme-midnight .wrapper__5b98e .list__5b98e {
745 border-color: var(--border-subtle);
746}
747.theme-midnight .wrapper__5b98e .listItem__5b98e {
748 border-color: var(--border-subtle);
749}
750.theme-midnight .detailsBlock_e335a7 {
751 border: 1px solid var(--border-muted);
752 background-color: var(--background-base-low);
753}
754.theme-midnight .accountCreditsContainer__94f72 .accountCreditRow__94f72:not(:last-child) {
755 border-bottom: 1px solid var(--border-muted);
756}
757.theme-midnight .fractionalPremiumAccountCredit__94f72,
758.theme-midnight .premiumSubscriptionAccountCredit__94f72 {
759 border: 1px solid var(--border-muted);
760 background-color: var(--background-base-low);
761}
762.theme-midnight .fractionalTimeRemainingRow__94f72 {
763 background-color: var(--background-base-lower);
764}
765.theme-midnight .paymentPane__01014 {
766 background-color: var(--background-base-low);
767}
768.theme-midnight .paymentPane__01014 .payment_e9cb00 {
769 background-color: var(--background-base-low);
770}
771.theme-midnight .paymentPane__01014 .expandedInfo_e9cb00 {
772 background-color: var(--background-base-lowest);
773}
774.theme-midnight .preview__3e443 {
775 background-color: var(--background-base-lowest);
776}
777.theme-midnight .container_a1d343 {
778 background-color: var(--background-base-low);
779 border: 1px solid var(--border-subtle);
780}
781.theme-midnight .preview__5d148 {
782 background-color: var(--background-base-lowest);
783}
784.theme-midnight .notches__06283.gray__06283 {
785 color: var(--background-base-lowest);
786}
787.theme-midnight .progress__06283 {
788 background-color: var(--background-surface-highest);
789}
790.theme-midnight .sliderBar__39fa9:not(.speaking__39fa9) {
791 background-color: var(--background-surface-highest);
792}
793.theme-midnight .cameraWrapper__11e1f {
794 background-color: var(--background-base-low);
795 border-color: var(--border-subtle);
796}
797.theme-midnight .backgroundOptionInner__53965 {
798 background-color: var(--background-base-low);
799}
800.theme-midnight .defaultKeybindGroup__740f2 {
801 background-color: var(--background-base-low);
802}
803.theme-midnight .headerContainer__7db08 {
804 background-color: var(--background-base-lowest);
805}
806.theme-midnight .notDetected_cc46f0 {
807 background-color: var(--background-surface-high);
808 border: 1px solid var(--border-subtle);
809}
810.theme-midnight .game_cc46f0 {
811 background-color: var(--background-base-low);
812 border: 1px solid var(--border-subtle);
813}
814.theme-midnight .avatarUploaderInnerSquareDisabled_e04502 {
815 background-color: var(--background-surface-high);
816}
817.theme-midnight .wrapper__83b1d {
818 background-color: var(--background-surface-high);
819}
820.theme-midnight .wrapper__83b1d:focus-within, .theme-midnight .wrapper__83b1d:hover {
821 background-color: var(--background-mod-subtle);
822}
823.theme-midnight .titleContainer_e29cd7,
824.theme-midnight .header_c6bf1b {
825 background-color: var(--background-base-lowest);
826}
827.theme-midnight .theme-midnight.messageWrapper__981c8 {
828 background-color: var(--background-base-lowest);
829}
830.theme-midnight .joinOptions__959cb {
831 background-color: var(--background-base-low);
832}
833.theme-midnight .joinOptions__959cb .joinOptionContent__959cb.uninteractive__959cb:hover {
834 background-color: var(--background-base-low);
835}
836.theme-midnight .joinOptions__959cb .joinOptionContent__959cb.active__959cb {
837 background-color: var(--background-surface-high);
838}
839.theme-midnight .header__99871 {
840 background-color: var(--background-base-low);
841 border-bottom: 1px solid var(--border-muted);
842}
843.theme-midnight .container__99871 {
844 background-color: var(--background-base-lower);
845}
846.theme-midnight .actionContainer__6446f,
847.theme-midnight .mentionLimitContainer_ed9c90 {
848 background-color: var(--background-surface-higher);
849}
850.theme-midnight .actionContainer_bc4513 {
851 background-color: var(--background-surface-highest);
852}
853.theme-midnight .editCard_a25a68 {
854 background-color: var(--background-base-low);
855}
856.theme-midnight .collapseable__217b7:is(.collapseable__4546e, .collapseable_fc46b1) {
857 background-color: var(--background-surface-high);
858}
859.theme-midnight .notice_a9b452,
860.theme-midnight .review_a9b452 {
861 background-color: var(--background-base-low);
862 border: 1px solid var(--border-subtle);
863}
864.theme-midnight .onboardingStepContainer__28e57 {
865 border-left: 1px solid var(--border-subtle);
866 border-right: 1px solid var(--border-subtle);
867}
868.theme-midnight .onboardingStepContainer__28e57:last-child {
869 border-bottom: 1px solid var(--border-subtle);
870}
871.theme-midnight .container__5d756 {
872 border: 1px solid var(--border-subtle);
873}
874.theme-midnight .example__5d756 {
875 background-color: var(--background-surface-high);
876}
877.theme-midnight .channelCoverage_e34850 {
878 background-color: var(--background-base-low);
879}
880.theme-midnight .actionItem_d2b0e4,
881.theme-midnight .resourceChannel_d2b0e4,
882.theme-midnight .suggestedChannels_d2b0e4 {
883 background-color: var(--background-base-low);
884}
885.theme-midnight .howItWorksContainer_dd30dc,
886.theme-midnight .creatorBenefitCard__02e4c,
887.theme-midnight .guildCard__2485e {
888 border: 1px solid var(--border-muted);
889 background-color: var(--background-surface-high);
890}
891.theme-midnight .descriptionBox__981f7 {
892 border: 1px solid var(--border-subtle);
893 background-color: var(--background-base-low);
894}
895.theme-midnight .settingCard__1a4ef {
896 border: 1px solid var(--border-subtle);
897}
898.theme-midnight .settingCard__1a4ef.active__1a4ef {
899 background-color: var(--background-base-low);
900}
901.theme-midnight .cardFolder__1a4ef:not(:empty) {
902 border-top: 1px solid var(--border-subtle);
903}
904.theme-midnight .scroller__53543 {
905 background-color: var(--background-base-lowest);
906}