real-world-css-libraries 1.0.2 → 1.0.4

package/libs/amoled-cord-v5.0.11.css

@@ -0,0 +1,894 @@
+/* https://github.com/LuckFire/amoled-cord/blob/main/src/amoled-cord.css */
+.theme-midnight {
+  --message-background-hover: var(--opacity-8) !important;
+  --background-mod-muted: var(--opacity-4) !important;
+  --background-mod-normal: var(--opacity-16) !important;
+  --background-mod-strong: var(--opacity-20) !important;
+  --background-mod-subtle: var(--opacity-8) !important;
+  --interactive-background-active: var(--opacity-16) !important;
+  --interactive-background-hover: var(--opacity-8) !important;
+  --interactive-background-selected: var(--opacity-20) !important;
+  --background-secondary-alt: var(--neutral-88) !important;
+  --card-background-default: var(--background-base-low) !important;
+  --modal-background: var(--background-base-lowest) !important;
+  --modal-footer-background: var(--background-base-lowest) !important;
+  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-80) !important;
+  --scrollbar-auto-thumb: var(--neutral-80) !important;
+  --scrollbar-thin-thumb: var(--neutral-79) !important;
+  --custom-channel-members-bg: var(--background-base-lowest) !important;
+}
+
+@supports (color: color-mix(in lch, red, blue)) {
+  .theme-midnight {
+    --message-background-hover: color-mix(
+        in oklab,
+        var(--opacity-8) 100%,
+        hsl(var(--theme-base-color-hsl, 0 0% 0%) / 0.0784313725490196)
+            var(--theme-base-color-amount, 0%)
+    ) !important;
+    --background-secondary-alt: color-mix(
+        in oklab,
+        var(--neutral-88) 100%,
+        var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
+    ) !important;
+    --card-background-default: color-mix(
+        in oklab,
+        var(--background-base-low) 100%,
+        var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
+    ) !important;
+    --modal-background: color-mix(
+        in oklab,
+        var(--background-base-lowest) 100%,
+        var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
+    ) !important;
+    --modal-footer-background: color-mix(
+        in oklab,
+        var(--background-base-lowest) 100%,
+        var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
+    ) !important;
+    --scrollbar-auto-scrollbar-color-thumb: color-mix(
+        in oklab,
+        var(--neutral-80) 100%,
+        var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
+    ) !important;
+    --scrollbar-auto-thumb: color-mix(
+        in oklab,
+        var(--neutral-80) 100%,
+        var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
+    ) !important;
+    --scrollbar-thin-thumb: color-mix(
+        in oklab,
+        var(--neutral-79) 100%,
+        var(--theme-base-color, #000) var(--theme-base-color-amount, 0%)
+    ) !important;
+  }
+}
+.theme-midnight .header__0b563 {
+  background-color: var(--background-base-lowest) !important;
+}
+.theme-midnight .pageBody__41ed7 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .container__0b563 {
+  background-color: var(--background-base-lowest) !important;
+}
+.theme-midnight .channelRow_e4503a:hover:not(.disabled_e4503a) {
+  background-color: var(--opacity-12) !important;
+}
+.theme-midnight .container_bc0d35 {
+  background-color: var(--background-base-low);
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .prompt__5d7c9 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .emptyPage__5d7c9 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .profileCard__5d7c9 {
+  border: 1px solid var(--border-subtle);
+}
+
+.theme-midnight .calendarPicker_d27f17 .react-datepicker,
+.theme-midnight .calendarPicker_d27f17 .react-datepicker__header {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .calendarPicker_d27f17 .react-datepicker__current-month {
+  border-bottom-color: var(--border-muted);
+}
+.theme-midnight .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled, .theme-midnight .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
+  background-color: var(--background-base-lower);
+}
+
+.theme-midnight .wrapper_fc8177,
+.theme-midnight .wrapper_d852db {
+  background: var(--background-base-lowest);
+}
+.theme-midnight .chatContent_f75fb0,
+.theme-midnight .container__34c2c,
+.theme-midnight .container_fb64c9 {
+  background: var(--background-base-lowest);
+}
+.theme-midnight .emptyState__7641b {
+  border-left: 1px solid var(--app-frame-border);
+}
+.theme-midnight .wrapper_f7ecac {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .channelTextArea_f75fb0 {
+  background: var(--background-base-low);
+}
+.theme-midnight .channelTextArea__74017:not(.inlineContainer__74017) .themedBackground__74017 {
+  background: var(--background-base-low);
+}
+.theme-midnight .bannerContainer__362cd {
+  background: var(--background-base-low);
+}
+.theme-midnight .formWithLoadedChatInput_f75fb0:before,
+.theme-midnight .chatGradient__36d07 {
+  background: linear-gradient(to bottom, transparent, var(--background-base-lowest) 100%);
+}
+.theme-midnight .chatTypingGradientAtBottom__36d07 {
+  background: linear-gradient(to bottom, transparent, var(--background-base-lowest) 8px, var(--background-base-lowest) 100%);
+}
+.theme-midnight .chatTypingGradientNotAtBottom__36d07 {
+  background: linear-gradient(to bottom, transparent, var(--background-base-lowest) 72px, var(--background-base-lowest) 100%);
+}
+.theme-midnight .optionPill__1464f {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .optionPill__1464f .optionPillKey__1464f {
+  background-color: var(--background-base-lower);
+}
+.theme-midnight .stackedBars__74017 {
+  background: var(--background-surface-high);
+}
+.theme-midnight .embedCard__44c9a {
+  border: 1px solid var(--border-subtle);
+  border-bottom: none;
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .footerContainer__44492 {
+  border: 1px solid var(--border-subtle);
+  background-color: var(--background-base-lower);
+}
+.theme-midnight .embedCard_b99f57 {
+  border: 1px solid var(--border-subtle);
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .embedCard_b99f57 .cardFooter_b99f57 {
+  border-top: 1px solid var(--border-subtle);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .bumpBox_cacd02 {
+  background-color: var(--background-base-low);
+  border: 1px solid var(--border-muted);
+}
+
+.theme-midnight .container_db0ccb,
+.theme-midnight .tabBar_fe7ab2 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .tabBar_fe7ab2,
+.theme-midnight .sidebarContent_db0ccb {
+  border-color: var(--app-frame-border);
+}
+.theme-midnight .container_a51e6d,
+.theme-midnight .actionProperties_a81334 {
+  background-color: var(--background-base-lowest);
+  border-color: var(--app-frame-border);
+}
+.theme-midnight .inspectorContainer__0939d,
+.theme-midnight .inspectorContainer_a81334 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .inspectorWrapper_fe7ab2 > ul {
+  background-color: var(--background-base-lowest) !important;
+}
+.theme-midnight .canvas_df4c28 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .container_f369db {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .descriptionContainer_ca49a1 {
+  background-color: var(--background-base-lowest);
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .linkContainer_ca49a1 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .gradient_ca49a1 {
+  background: linear-gradient(to top, var(--background-base-lowest), transparent);
+}
+.theme-midnight .contentPreview__9a337 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .textContentFooter__9a337 {
+  background: linear-gradient(to top, hsl(var(--black-hsl)/1), hsl(var(--black-hsl)/0.97) 36px, hsl(var(--black-hsl)/0.4));
+}
+.theme-midnight .textContentFooter__9a337.noTags__9a337 {
+  background: linear-gradient(to top, hsl(var(--black-hsl)/1), hsl(var(--black-hsl)/0));
+}
+
+.theme-midnight .container__9293f {
+  --__header-bar-background: var(--background-base-lowest);
+}
+.theme-midnight .backdrop__8a7fc {
+  background: var(--background-base-lowest);
+}
+
+.theme-midnight .page_c791b2 {
+  background-color: var(--background-base-lowest) !important;
+}
+
+.theme-midnight .searchResult__80bf8 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .contentContainer__89463,
+.theme-midnight .sidebarContainer__89463 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .pillContainer__9e06a {
+  background-color: var(--background-base-lower);
+}
+
+.theme-midnight .background__7449f {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .resourceChannel__7449f:hover {
+  background-color: var(--interactive-background-hover);
+}
+.theme-midnight .headerBarInner__7449f:after {
+  background: linear-gradient(to bottom, rgba(50, 52, 58, 0) 0, var(--background-base-lowest) 100%);
+}
+
+.theme-midnight .opaqueBackground__79d38 {
+  background: hsl(var(--primary-800-hsl)/0.85);
+}
+
+.theme-midnight .mini_a562c8 .bar_a562c8,
+.theme-midnight .slider_a562c8 .bar_a562c8 {
+  background-color: var(--background-surface-highest);
+}
+.theme-midnight .markDash_a562c8 {
+  background-color: var(--background-surface-highest);
+}
+
+.theme-midnight .pageContainer__09fde,
+.theme-midnight .emptySearchWrapper__83bd4 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .videoWrapper__2f4f7:not(.wrapper__48b20),
+.theme-midnight .streamHidden_c30e20,
+.theme-midnight .streamPreview__2f4f7 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .participantsButton__211d1 {
+  background-color: var(--background-surface-higher);
+}
+.theme-midnight .participantsButton__211d1:hover {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .wrapper_cb9592:has(.resizeHandle__4b144) .callContainer_cb9592 {
+  border-bottom: 1px solid var(--border-subtle);
+}
+.theme-midnight .container__664ff {
+  border-left: 1px solid var(--app-frame-border);
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .background__506d9 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .container__6b38f.pulse__6b38f {
+  background-color: var(--neutral-95);
+  border: 1px solid var(--opacity-24);
+}
+.theme-midnight .container__6b38f.pulse__6b38f:hover {
+  background-color: var(--opacity-12);
+}
+.theme-midnight .tileContainer__71eb2:hover {
+  background-color: var(--opacity-12);
+}
+
+.theme-midnight .authBox__921c5 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .collectibleInfoContainer_c50f62 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .accountBtnInner__750de,
+.theme-midnight .application__750de {
+  border: 1px solid var(--border-subtle);
+}
+
+.theme-midnight .message_fd14e0 {
+  background-color: var(--background-base-lowest);
+  border: 1px solid var(--border-subtle);
+}
+
+.theme-midnight .aside__4d307 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .circle__710ee {
+  background-color: var(--background-base-low);
+}
+
+.theme-midnight .container__8a031 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .bodyControls__8a031:after {
+  background: radial-gradient(88.69% 87.5% at 50% 87.5%, transparent 0, var(--background-base-lowest) 100%);
+}
+
+.theme-midnight .gifPicker__6c39d .header_fed6d3 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .footer_a55fdc {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .keyboardShortcutsModal_f061f6 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .keybindGroup_f061f6 {
+  background-color: var(--background-base-low);
+}
+
+.theme-midnight .scroller__6fd0e {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .headerWave__1dfae {
+  color: var(--background-base-lowest);
+}
+.theme-midnight .bodyWaveGradientStop1__1dfae,
+.theme-midnight .bodyWaveGradientStop3__1dfae {
+  stop-color: var(--background-base-lower);
+}
+.theme-midnight .bodyWaveGradientStop2__1dfae {
+  stop-color: var(--background-base-low);
+}
+
+.theme-midnight .main_c08b38:not(.fullBorderWithGradient_c08b38) {
+  border-top: 1px solid var(--app-frame-border);
+}
+.theme-midnight .prompt_fe70ca {
+  border: 1px solid var(--border-normal);
+}
+.theme-midnight .navButtons_fe70ca {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .termsFieldBody_fe70ca {
+  background-color: var(--background-base-low);
+  border: 1px solid var(--border-subtle);
+}
+
+.theme-midnight .premiumBrandRefreshBackground_e5f3a9 {
+  background-color: var(--background-base-lowest) !important;
+}
+.theme-midnight .premiumBrandRefreshHeader_e50a4d,
+.theme-midnight .skuSelectModalContent_e50a4d.premiumBrandRefreshContent_e50a4d.premiumBrandRefreshContent_e50a4d {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .oneStepCheckoutTextWrapper_d5200e {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .bodyGradient_d5200e {
+  background: linear-gradient(0deg, transparent 0, var(--background-base-lowest) 46.63%);
+}
+
+.theme-midnight .confirmation__1051d {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .iconWrapper__1051d {
+  background-color: var(--background-base-low);
+}
+
+.theme-midnight .scroller__01c8c {
+  border-right: 1px solid var(--border-subtle);
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .voters__01c8c {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .voteSelected__01c8c {
+  background-color: var(--background-base-low);
+}
+
+.theme-midnight .connectionRowHeaderError__5b400 {
+  background-color: hsl(var(--neutral-95-hsl)/0.7);
+}
+
+.theme-midnight .right__58ae6,
+.theme-midnight .rightContent__58ae6 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .previewDark__4e29d {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .relative__8a7fc {
+  border-bottom: 1px solid var(--app-frame-border);
+}
+.theme-midnight .relative__8a7fc,
+.theme-midnight .scroller__23746,
+.theme-midnight .container_cbd375 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .containerSidenav_dc2e0e {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .tabBody__133bf,
+.theme-midnight .nowPlayingColumn__133bf,
+.theme-midnight .container__7d20c,
+.theme-midnight .emptyCard__7e549 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .body__00943 .section__00943 {
+  background-color: var(--background-base-lowest);
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .addFriendInputWrapper__72ba7:not(:focus-within) {
+  border-color: var(--input-border);
+}
+.theme-midnight .addFriendInputWrapper__72ba7 {
+  background: var(--input-background);
+}
+.theme-midnight .outer_bf1984 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .outer_bf1984.active_bf1984:hover, .theme-midnight .outer_bf1984.interactive_bf1984:hover {
+  background-color: var(--background-surface-high);
+}
+
+.theme-midnight .page__5e434:empty,
+.theme-midnight .page__5e434:has(.loader__5e434, > div:empty:only-child),
+.theme-midnight .noChannel__01d5c {
+  border-top: 1px solid var(--app-frame-border);
+}
+
+.theme-midnight .container_ad5cdf {
+  border-top: 1px solid var(--app-frame-border);
+}
+.theme-midnight .scroller__4a84a,
+.theme-midnight .scroller_fb04e1 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .installationPath_a6f654 {
+  box-shadow: 0 1px 0 0 var(--border-subtle);
+}
+
+.theme-midnight .container_f391e3 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .applicationStore_f07d62,
+.theme-midnight .mainPageScroller__80907,
+.theme-midnight .scroller__59141,
+.theme-midnight .allPerksScroller__80907 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .card_b5493b {
+  border: 1px solid var(--border-subtle);
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .card_b5493b .cardDescription__1f069 {
+  background-image: linear-gradient(to bottom, var(--background-surface-high) 50%, hsl(var(--primary-800-hsl)/0.75) 80%);
+}
+.theme-midnight .container__0f226 {
+  border: 1px solid var(--border-subtle);
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .container__0f226 .textContainer__0f226 {
+  background-image: linear-gradient(to right, var(--background-surface-high), hsl(var(--primary-800-hsl)/40%) 90%, transparent);
+}
+
+.theme-midnight .shop__6db1d,
+.theme-midnight .shop__08415,
+.theme-midnight .page__1feb0,
+.theme-midnight .shopScroll__1feb0,
+.theme-midnight .filterBar__1feb0 .filterBar__11877 {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .addGamePopout_cc46f0 {
+  box-shadow: 0 0 0 1px var(--border-subtle), var(--legacy-elevation-high);
+  background-color: var(--background-base-low);
+}
+
+.theme-midnight .container__5808f {
+  background-color: var(--background-surface-high);
+}
+
+.theme-midnight .autocomplete__13533 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .autocomplete__13533 .wrapper__14245 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .autocomplete__13533 .wrapper__4e6ce {
+  border-right: 1px solid var(--border-muted);
+}
+
+.theme-midnight .createOverwritePopout__0ab2c {
+  background-color: var(--background-base-low);
+}
+
+.theme-midnight .contentWarningPopout_d2eed6 {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .footer_d2eed6 {
+  background-color: var(--background-mod-muted);
+}
+
+.theme-midnight .menu_c1e9c4 {
+  border-color: var(--border-muted);
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .button_f563df {
+  background-color: var(--background-mod-muted);
+}
+.theme-midnight .button_f563df:hover {
+  background-color: var(--background-mod-subtle);
+}
+.theme-midnight .button_f563df:active {
+  background-color: var(--background-mod-strong);
+}
+.theme-midnight .menu__43313 .customMenuItem__43313 .customNotches__43313 {
+  color: var(--background-surface-high);
+}
+
+.theme-midnight .popout_a16aea,
+.theme-midnight .selectDropdown__0edde {
+  background-color: var(--background-surface-high);
+}
+
+.theme-midnight .popoutContainer__0f481 {
+  background-color: color-mix(in oklab, var(--background-surface-high), transparent 10%);
+}
+.theme-midnight .guildSection_d5cd2d {
+  background-color: var(--background-base-low);
+  border-top: 1px solid var(--border-muted);
+}
+
+.theme-midnight .container_fc561d {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .channelHeader__35a7e,
+.theme-midnight .container__0f711 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .messageContainer__95796,
+.theme-midnight .messages__1ccd1,
+.theme-midnight .forumPost__7d15e {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .tutorial__2692d,
+.theme-midnight .upsellContainer__4a7f0,
+.theme-midnight .icon_d404a3 {
+  background-color: var(--background-surface-high);
+}
+
+.theme-midnight .messagesPopoutWrap_e8b59c {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .header_e8b59c {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .footer_e8b59c {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .messageGroupWrapper_e8b59c {
+  background-color: var(--background-base-lowest);
+}
+
+.theme-midnight .popoutList__92efc {
+  background-color: var(--background-base-low);
+}
+
+.theme-midnight .quickSelectPopout_ebaca5 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .quickSelectPopoutOption_ebaca5:hover {
+  background-color: var(--background-mod-muted);
+}
+.theme-midnight .quickSelectPopoutOption_ebaca5:focus {
+  background-color: var(--background-mod-subtle);
+}
+
+.theme-midnight .container_d9c882 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .header_d9c882 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .browser__9a792 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .browser__9a792 .header_d9c882 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .container__6764b {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .container__6764b:hover {
+  background-color: var(--background-base-lower);
+}
+.theme-midnight .icon__1b24f {
+  background-color: var(--background-surface-high);
+}
+
+.theme-midnight .sidebarRegionScroller__23e6b {
+  border-right: 1px solid var(--app-frame-border);
+}
+
+.theme-midnight .contentRegion__23e6b,
+.theme-midnight .contentRegionScroller__23e6b {
+  background: var(--background-base-lowest);
+}
+.theme-midnight .content_e9e3ed,
+.theme-midnight .sidebar__409aa,
+.theme-midnight .contentHeader_e9e3ed {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .fixedContent__409aa:after {
+  background: linear-gradient(to bottom, var(--background-base-lowest), transparent);
+}
+.theme-midnight .accountProfileCard__1fed1 {
+  background-color: var(--background-base-low);
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .accountProfileCard__1fed1 .background__1fed1 {
+  border: 1px solid var(--border-subtle);
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .accountProfileCard__1fed1 .background__1fed1 .fieldList__1fed1 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .emptyContainer_de8069 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .card__5cea9 {
+  border: 1px solid var(--border-muted);
+}
+.theme-midnight .card__5cea9 .header__5cea9 {
+  border-bottom: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .box_f8c98c {
+  border-color: var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .headerV2__50a54 {
+  border-bottom: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .authedAppV2__50a54 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-lower);
+}
+.theme-midnight .connection_c7f964 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .connection_c7f964 .metadataContainer_c7f964,
+.theme-midnight .connection_c7f964 .integrationWrapper_c7f964 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .expandedProgressBarContainerSettingsPage_a61c56,
+.theme-midnight .giftCard_a45ed3 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .perkCard_b62c4e {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .rowBottomBorder_e4ef5c {
+  border-color: var(--border-subtle);
+}
+.theme-midnight .appliedBoostContainer_ceb06a {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .appliedBoostContainer_ceb06a .boostContainerSeparator_ceb06a {
+  background-color: var(--border-subtle);
+}
+.theme-midnight .appliedBoostContainer_ceb06a .boostContainer_ceb06a {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .appliedBoostContainer_ceb06a .guildContainer__5dba5:not(.recommendedServerCard__51537) {
+  border-bottom: 1px solid var(--border-muted);
+}
+.theme-midnight .wave__8e08c {
+  fill: var(--background-base-lowest);
+}
+.theme-midnight .guildContainer__5dba5 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .guildContainer__5dba5.recommendedServerCard__51537 {
+  border: 1px solid var(--border-muted);
+}
+.theme-midnight .wrapper__5b98e {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .wrapper__5b98e .list__5b98e {
+  border-color: var(--border-subtle);
+}
+.theme-midnight .wrapper__5b98e .listItem__5b98e {
+  border-color: var(--border-subtle);
+}
+.theme-midnight .detailsBlock_e335a7 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .accountCreditsContainer__94f72 .accountCreditRow__94f72:not(:last-child) {
+  border-bottom: 1px solid var(--border-muted);
+}
+.theme-midnight .fractionalPremiumAccountCredit__94f72,
+.theme-midnight .premiumSubscriptionAccountCredit__94f72 {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .fractionalTimeRemainingRow__94f72 {
+  background-color: var(--background-base-lower);
+}
+.theme-midnight .paymentPane__01014 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .paymentPane__01014 .payment_e9cb00 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .paymentPane__01014 .expandedInfo_e9cb00 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .preview__3e443 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .container_a1d343 {
+  background-color: var(--background-base-low);
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .preview__5d148 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .notches__06283.gray__06283 {
+  color: var(--background-base-lowest);
+}
+.theme-midnight .progress__06283 {
+  background-color: var(--background-surface-highest);
+}
+.theme-midnight .sliderBar__39fa9:not(.speaking__39fa9) {
+  background-color: var(--background-surface-highest);
+}
+.theme-midnight .cameraWrapper__11e1f {
+  background-color: var(--background-base-low);
+  border-color: var(--border-subtle);
+}
+.theme-midnight .backgroundOptionInner__53965 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .defaultKeybindGroup__740f2 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .headerContainer__7db08 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .notDetected_cc46f0 {
+  background-color: var(--background-surface-high);
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .game_cc46f0 {
+  background-color: var(--background-base-low);
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .avatarUploaderInnerSquareDisabled_e04502 {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .wrapper__83b1d {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .wrapper__83b1d:focus-within, .theme-midnight .wrapper__83b1d:hover {
+  background-color: var(--background-mod-subtle);
+}
+.theme-midnight .titleContainer_e29cd7,
+.theme-midnight .header_c6bf1b {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .theme-midnight.messageWrapper__981c8 {
+  background-color: var(--background-base-lowest);
+}
+.theme-midnight .joinOptions__959cb {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .joinOptions__959cb .joinOptionContent__959cb.uninteractive__959cb:hover {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .joinOptions__959cb .joinOptionContent__959cb.active__959cb {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .header__99871 {
+  background-color: var(--background-base-low);
+  border-bottom: 1px solid var(--border-muted);
+}
+.theme-midnight .container__99871 {
+  background-color: var(--background-base-lower);
+}
+.theme-midnight .actionContainer__6446f,
+.theme-midnight .mentionLimitContainer_ed9c90 {
+  background-color: var(--background-surface-higher);
+}
+.theme-midnight .actionContainer_bc4513 {
+  background-color: var(--background-surface-highest);
+}
+.theme-midnight .editCard_a25a68 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .collapseable__217b7:is(.collapseable__4546e, .collapseable_fc46b1) {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .notice_a9b452,
+.theme-midnight .review_a9b452 {
+  background-color: var(--background-base-low);
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .onboardingStepContainer__28e57 {
+  border-left: 1px solid var(--border-subtle);
+  border-right: 1px solid var(--border-subtle);
+}
+.theme-midnight .onboardingStepContainer__28e57:last-child {
+  border-bottom: 1px solid var(--border-subtle);
+}
+.theme-midnight .container__5d756 {
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .example__5d756 {
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .channelCoverage_e34850 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .actionItem_d2b0e4,
+.theme-midnight .resourceChannel_d2b0e4,
+.theme-midnight .suggestedChannels_d2b0e4 {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .howItWorksContainer_dd30dc,
+.theme-midnight .creatorBenefitCard__02e4c,
+.theme-midnight .guildCard__2485e {
+  border: 1px solid var(--border-muted);
+  background-color: var(--background-surface-high);
+}
+.theme-midnight .descriptionBox__981f7 {
+  border: 1px solid var(--border-subtle);
+  background-color: var(--background-base-low);
+}
+.theme-midnight .settingCard__1a4ef {
+  border: 1px solid var(--border-subtle);
+}
+.theme-midnight .settingCard__1a4ef.active__1a4ef {
+  background-color: var(--background-base-low);
+}
+.theme-midnight .cardFolder__1a4ef:not(:empty) {
+  border-top: 1px solid var(--border-subtle);
+}
+.theme-midnight .scroller__53543 {
+  background-color: var(--background-base-lowest);
+}