/** * @name AMOLED-Cord * @author LuckFire * @description A basically pitch black theme for Discord. Lights out, baby! * @version 4.1.1 * @invite vYdXbEzqDs * @authorId 399416615742996480 * @source https://github.com/LuckFire/amoled-cord * @updateUrl https://github.com/LuckFire/amoled-cord/blob/main/clients/amoled-cord.theme.css */ @import url("https://luckfire.github.io/amoled-cord/src/amoled-cord.css"); :root { /* ignore these, unless you wanna mess with them, then go for it. they may be removed at any time, though. */ --lightness-600-660: 0%; --lightness-700-760: 0%; --lightness-800-860: 0%; --lightness-900: 0%; --primary-100: hsl(var(--primary-100-hsl)/1); --primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.6%; --primary-130: hsl(var(--primary-130-hsl)/1); --primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13%) 95.5%; --primary-160: hsl(var(--primary-160-hsl)/1); --primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.1%) 92.9%; --primary-200: hsl(var(--primary-200-hsl)/1); --primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.8%) 90%; --primary-230: hsl(var(--primary-230-hsl)/1); --primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.1%) 87.1%; --primary-260: hsl(var(--primary-260-hsl)/1); --primary-260-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 83.7%; --primary-300: hsl(var(--primary-300-hsl)/1); --primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.3%) 78.8%; --primary-330: hsl(var(--primary-330-hsl)/1); --primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.8%) 73.3%; --primary-345: hsl(var(--primary-345-hsl)/1); --primary-345-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 67.5%; --primary-360: hsl(var(--primary-360-hsl)/1); --primary-360-hsl: 214 calc(var(--saturation-factor, 1)*8.1%) 61.2%; --primary-400: hsl(var(--primary-400-hsl)/1); --primary-400-hsl: 223 calc(var(--saturation-factor, 1)*5.8%) 52.9%; --primary-430: hsl(var(--primary-430-hsl)/1); --primary-430-hsl: 229 calc(var(--saturation-factor, 1)*4.8%) 44.9%; --primary-460: hsl(var(--primary-460-hsl)/1); --primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.2%) 38%; --primary-500: hsl(var(--primary-500-hsl)/1); --primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6%) 32.5%; --primary-530: hsl(var(--primary-530-hsl)/1); --primary-530-hsl: 227 calc(var(--saturation-factor, 1)*6.5%) 27.3%; --primary-560: hsl(var(--primary-560-hsl)/1); --primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.7%) 23.5%; --primary-600: hsl(var(--primary-600-hsl)/1); --primary-600-hsl: 223 calc(var(--saturation-factor, 1)*6.7%) calc(var(--lightness-600-660, 0) + 20.6%); --primary-630: hsl(var(--primary-630-hsl)/1); --primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.5%) calc(var(--lightness-600-660, 0) + 18%); --primary-645: hsl(var(--primary-645-hsl)/1); --primary-645-hsl: 220 calc(var(--saturation-factor, 1)*7%) calc(var(--lightness-600-660, 0) + 16.9%); --primary-660: hsl(var(--primary-660-hsl)/1); --primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.7%) calc(var(--lightness-600-660, 0) + 14.7%); --primary-700: hsl(var(--primary-700-hsl)/1); --primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.3%) calc(var(--lightness-700-760, 0) + 12.5%); --primary-730: hsl(var(--primary-730-hsl)/1); --primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.1%) calc(var(--lightness-700-760, 0) + 11%); --primary-760: hsl(var(--primary-760-hsl)/1); --primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.4%) calc(var(--lightness-700-760, 0) + 9.2%); --primary-800: hsl(var(--primary-800-hsl)/1); --primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.1%) calc(var(--lightness-800-860, 0) + 7.3%); --primary-830: hsl(var(--primary-830-hsl)/1); --primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) calc(var(--lightness-800-860, 0) + 4.9%); --primary-860: hsl(var(--primary-860-hsl)/1); --primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.7%) calc(var(--lightness-800-860, 0) + 2.5%); --primary-900: hsl(var(--primary-900-hsl)/1); --primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) calc(var(--lightness-900, 0) + 0.8%); } .theme-dark, html.theme-dark .theme-light .root_a28985, .theme-light.popout_a6e77f { --activity-card-background: var(--primary-830) !important; --android-navigation-bar-background: var(--primary-830) !important; --android-navigation-scrim-background: hsl(var(--primary-830-hsl)/0.5) !important; --android-ripple: hsl(var(--white-500-hsl)/0.07) !important; --background-accent: var(--primary-760) !important; --background-floating: var(--primary-830) !important; --background-message-hover: hsl(var(--primary-900-hsl)/0.06) !important; --background-mobile-primary: var(--black-500) !important; --background-mobile-secondary: var(--primary-860) !important; --background-modifier-accent: hsl(var(--primary-760-hsl)/0.48) !important; --background-modifier-active: hsl(var(--primary-760-hsl)/0.48) !important; --background-modifier-hover: hsl(var(--primary-760-hsl)/0.4) !important; --background-modifier-selected: hsl(var(--primary-760-hsl)/0.6) !important; --background-nested-floating: var(--primary-830) !important; --background-primary: var(--black-500) !important; --background-secondary: var(--primary-830) !important; --background-secondary-alt: var(--primary-800) !important; --background-tertiary: var(--primary-860) !important; --bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl)/0.6) !important; --scrollbar-auto-scrollbar-color-track: var(--primary-860) !important; --scrollbar-auto-scrollbar-color-thumb: var(--primary-800) !important; --scrollbar-auto-thumb: var(--primary-800) !important; --scrollbar-auto-track: var(--primary-860) !important; --scrollbar-thin-thumb: var(--primary-800) !important; --scrollbar-thin-track: transparent !important; --button-outline-brand-background: hsl(var(--white-500-hsl)/0) !important; --button-outline-brand-text: var(--white-500) !important; --button-outline-brand-text-active: var(--white-500) !important; --button-outline-brand-text-hover: var(--white-500) !important; --button-outline-danger-background: hsl(var(--white-500-hsl)/0) !important; --button-outline-danger-background-active: var(--red-460) !important; --button-outline-danger-background-hover: var(--red-430) !important; --button-outline-danger-border: var(--red-400) !important; --button-outline-danger-border-active: var(--red-430) !important; --button-outline-danger-border-hover: var(--red-430) !important; --button-outline-danger-text: var(--white-500) !important; --button-outline-danger-text-active: var(--white-500) !important; --button-outline-danger-text-hover: var(--white-500) !important; --button-outline-positive-background: hsl(var(--white-500-hsl)/0) !important; --button-outline-positive-text: var(--white-500) !important; --button-outline-positive-text-active: var(--white-500) !important; --button-outline-positive-text-hover: var(--white-500) !important; --button-outline-primary-background: var(--primary-700) !important; --button-outline-primary-background-active: var(--primary-600) !important; --button-outline-primary-background-hover: var(--primary-630) !important; --button-outline-primary-border: var(--primary-700) !important; --button-outline-primary-border-active: var(--primary-600) !important; --button-outline-primary-border-hover: var(--primary-630) !important; --button-outline-primary-text: var(--white-500) !important; --button-outline-primary-text-active: var(--white-500) !important; --button-outline-primary-text-hover: var(--white-500) !important; --button-secondary-background: var(--primary-700) !important; --button-secondary-background-active: var(--primary-600) !important; --button-secondary-background-disabled: var(--primary-700) !important; --button-secondary-background-hover: var(--primary-630) !important; --channel-icon: var(--primary-400) !important; --channel-text-area-placeholder: var(--primary-400) !important; --channels-default: var(--primary-360) !important; --channeltextarea-background: var(--primary-830) !important; --chat-background: var(--black-500) !important; --chat-border: var(--primary-700) !important; --chat-input-container-background: var(--primary-600) !important; --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6) !important; --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3) !important; --deprecated-quickswitcher-input-background: var(--primary-400) !important; --deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl)/0.3) !important; --deprecated-store-bg: var(--black-500) !important; --deprecated-text-input-bg: var(--primary-700) !important; --deprecated-text-input-border: hsl(var(--black-500-hsl)/0.3) !important; --deprecated-text-input-border-disabled: var(--primary-700) !important; --deprecated-text-input-border-hover: var(--primary-900) !important; --deprecated-text-input-prefix: var(--primary-200) !important; --display-banner-overflow-background: hsl(var(--primary-700-hsl)/0.5) !important; --forum-post-extra-media-count-container-background: hsl(var(--primary-660-hsl)/0.8) !important; --forum-post-tag-background: hsl(var(--primary-660-hsl)/0.9) !important; --header-primary: var(--primary-130) !important; --header-secondary: var(--primary-345) !important; --home-background: var(--black-500) !important; --home-card-resting-border: hsl(var(--transparent-hsl)/0) !important; --info-danger-text: var(--white-500) !important; --info-help-text: var(--white-500) !important; --info-positive-text: var(--white-500) !important; --info-warning-text: var(--white-500) !important; --input-background: var(--primary-800) !important; --input-placeholder-text: var(--input-placeholder-text-dark) !important; --interactive-active: var(--primary-130) !important; --interactive-hover: var(--primary-230) !important; --interactive-muted: var(--primary-500) !important; --interactive-normal: var(--primary-345) !important; --live-stage-tile-border: hsl(var(--primary-500-hsl)/0.6) !important; --logo-primary: var(--white-500) !important; --mention-background: hsl(var(--brand-500-hsl)/0.3) !important; --modal-background: var(--primary-860) !important; --modal-footer-background: var(--primary-900) !important; --profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48) !important; --profile-gradient-note-background: hsl(var(--black-500-hsl)/0.3) !important; --profile-gradient-overlay: hsl(var(--black-500-hsl)/0.6) !important; --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-500-hsl)/0.8) !important; --profile-gradient-profile-body-background-hover: hsl(var(--white-500-hsl)/0.16) !important; --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5) !important; --profile-gradient-role-pill-border: hsl(var(--white-500-hsl)/0.2) !important; --profile-gradient-section-box: hsl(var(--black-500-hsl)/0.45) !important; --spoiler-hidden-background: var(--primary-700) !important; --spoiler-revealed-background: var(--primary-660) !important; --status-danger-text: var(--white-500) !important; --status-positive-text: var(--white-500) !important; --status-warning-text: var(--black-500) !important; --text-muted: var(--primary-345) !important; --text-normal: var(--primary-300) !important; --textbox-markdown-syntax: var(--primary-360) !important; --user-profile-header-overflow-background: hsl(var(--primary-700-hsl)/0.5) !important; --elevation-stroke: 0 0 0 1px hsl(var(--primary-600-hsl)/0.15) !important; --elevation-low: 0 1px 0 hsl(var(--primary-630-hsl)/0.2),0 1.5px 0 hsl(var(--primary-600-hsl)/0.05),0 2px 0 hsl(var(--primary-630-hsl)/0.05) !important; --elevation-medium: 0 4px 4px hsl(var(--black-500-hsl)/0.16) !important; --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.24) !important; --search-popout-option-fade: linear-gradient(90deg,hsl(var(--primary-830-hsl)/0),hsl(var(--primary-830-hsl)/1) 80%) !important; --search-popout-option-fade-hover: linear-gradient(90deg,hsl(var(--primary-800-hsl)/0),var(--primary-800) 50%) !important; --legacy-elevation-low: 0 1px 5px 0 hsl(var(--black-500-hsl)/0.3); --legacy-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl)/0.2); --legacy-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl)/0.6); } .theme-dark:not(.custom-profile-theme) { --profile-gradient-primary-color: var(--background-floating) !important; --profile-gradient-secondary-color: var(--background-floating) !important; --profile-gradient-overlay-color: transparent !important; --profile-gradient-button-color: var(--button-secondary-background) !important; --profile-avatar-border-color: var(--background-floating) !important; --profile-body-background-color: var(--background-primary) !important; --profile-body-background-hover: var(--background-modifier-hover) !important; --profile-body-divider-color: var(--background-modifier-accent) !important; --profile-body-border-color: var(--border-faint) !important; --profile-message-input-border-color: var(--background-modifier-accent) !important; --profile-note-background-color: var(--background-tertiary) !important; --profile-role-pill-background-color: var(--background-floating) !important; --profile-role-pill-border-color: var(--interactive-normal) !important; } :is(.theme-dark, .theme-midnight) #app-mount .container__827e6 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .bar_e58961 { background-color: var(--background-accent); } :is(.theme-dark, .theme-midnight) #app-mount .markDash__54545 { background: var(--background-accent); } :is(.theme-dark, .theme-midnight) #app-mount .container__26baa [class*=searchBar] { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .container__26baa [class*=searchBar] .searchAnswer__2ccaf, :is(.theme-dark, .theme-midnight) #app-mount .container__26baa [class*=searchBar] .searchFilter_dbda51 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .form_d8a4a1 .optionPill__618f2, .container__694a1 .form_d8a4a1 .optionPill__618f2 { background-color: var(--primary-730); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .form_d8a4a1 .channelAttachmentArea__5e46a .upload_c98ecb, .container__694a1 .form_d8a4a1 .channelAttachmentArea__5e46a .upload_c98ecb { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .wrapper__4e6b6 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .mainCard__0ec2c, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__50cdd, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .increasedActivityMainCard_e53744, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__852f7, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__7afce { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .loadingCard_ecb256, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .card__2c1e2 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__7d004:hover { background-color: var(--background-modifier-hover); } :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__7d004:active { background-color: var(--background-modifier-active); } :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__7d004.isOpen_d88bb6 { background-color: var(--background-modifier-selected); } :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__7d004 .textContentFooter_e03480 { background: transparent; } :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container_de2a56:active, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__5130c:active { background-color: var(--background-modifier-active); } :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container_de2a56.isOpen__8593d, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container_de2a56.isOpen__036bf, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__5130c.isOpen__8593d, :is(.theme-dark, .theme-midnight) #app-mount .container_b92032 .container__5130c.isOpen__036bf { background-color: var(--background-modifier-selected); } :is(.theme-dark, .theme-midnight) #app-mount .messageListItem__050f9:hover { background-color: rgba(255, 255, 255, 0.015); } :is(.theme-dark, .theme-midnight) #app-mount .tile_ebc93b { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .tile_ebc93b .invalidPoop__9bdd8 { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .invite__2a93b { border-color: var(--background-secondary-alt); background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .container__0bd59 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .container__0bd59 .enabled_d1cac4[aria-checked=false] .answerInner_b97752:hover { outline-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .container__0bd59 .answerInner_b97752 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .container__0bd59 .normalStylesDefault__1c2f5 .votePercentageBar_ba9103 { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .container__03ec9, :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .container__6b2e5, :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .header__71942, :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .scrollerContainer_dda72c, :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .emptyPage_feb902 { background-color: transparent; } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .prompt__1b100 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .prompt__1b100 .selected__31118 { background-color: var(--background-modifier-active); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .profileCard__1d74b { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .channelRow__538ef { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .channelRow__538ef:not(.disabled__556e5):hover { background-color: var(--background-modifier-hover); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .wrapper__6bf2d.minimum__7f356 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .iconBackground__62649 { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .chat__52833 .container__3aeff:hover { background-color: var(--background-modifier-hover); } :is(.theme-dark, .theme-midnight) #app-mount .button_b82d53.buttonColor__7bad9, :is(.theme-dark, .theme-midnight) #app-mount .button_b82d53 .buttonColor__7bad9 { background-color: var(--button-secondary-background); } :is(.theme-dark, .theme-midnight) #app-mount .button_b82d53.buttonColor__7bad9:hover, :is(.theme-dark, .theme-midnight) #app-mount .button_b82d53 .buttonColor__7bad9:hover { background-color: var(--button-secondary-background-hover); } :is(.theme-dark, .theme-midnight) #app-mount .button_b82d53.buttonColor__7bad9:active, :is(.theme-dark, .theme-midnight) #app-mount .button_b82d53 .buttonColor__7bad9:active { background-color: var(--button-secondary-background-active); } :is(.theme-dark, .theme-midnight) #app-mount .key__6a8d9 { box-shadow: inset 0 -4px 0 var(--primary-760); background-color: var(--primary-660); } :is(.theme-dark, .theme-midnight) .folder__17546.hover__043de { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount [class=wrapper__8436d] .childWrapper_a6ce15, :is(.theme-dark, .theme-midnight) #app-mount [class=circleIconButton__05cf2] { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) .container_f79ab4 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .member_aa4760, :is(.theme-dark, .theme-midnight) #app-mount .members__573eb { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .contentWrapper_f9bc93 { background: var(--modal-background); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .authBox__6f336 { background-color: transparent; } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .navRow_bb8efc { background-color: var(--modal-footer-background); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .message_ff43e6 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985.rootWithShadow_d20cd6 { box-shadow: var(--dark-elevation-border), var(--dark-elevation-high); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .footerSeparator__2af8d { box-shadow: inset 0 1px 0 var(--modal-footer-background); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .container__33507 { background-color: var(--input-background); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .footer_d84330 { background-color: var(--modal-footer-background); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .keyboardShortcutsModal__44538 { background-color: var(--modal-background); } :is(.theme-dark, .theme-midnight) #app-mount .modal_c01034 .verifiedRoleHasRole__912d9 { background-color: var(--background-secondary); border-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985.uploadModal__6eb75 { background-color: var(--modal-background); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985.uploadModal__6eb75 .footer_f06dbb { box-shadow: inset 0 1px 0 hsl(var(--primary-900-hsl)/0.6); background-color: var(--modal-footer-background); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .header_cc5843 { box-shadow: none; background-color: var(--modal-background); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .sectionContent_b96e47 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .channels__99b5a { border-color: var(--background-secondary-alt); background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .cardPrimary__1ee6a { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .default__23a5a { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .promptContent__129f0 .optionButtonWrapper_c86844.selected__31118 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .promptContent__129f0 .overlay_a15774 { background: none !important; } :is(.theme-dark, .theme-midnight) #app-mount .container_f5b15d { background-color: var(--modal-background); } :is(.theme-dark, .theme-midnight) #app-mount .container_f5b15d .footer__95d9e { background-color: var(--modal-footer-background); } :is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .body_af7d3b { background-color: var(--modal-background); } :is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .container_ccc120, :is(.theme-dark, .theme-midnight) #app-mount .modal_daea9e .roleTag_d5379a { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .root_a28985 .previewDark__9ce54 { background-color: var(--background-primary); } :is(.theme-dark, .platform-overlay) .overlayActive__6e5ba { background-color: hsl(var(--primary-900-hsl)/0.75); } :is(.theme-dark, .platform-overlay) .layoutUnlocked__88d1a .widget_fa48f3.default_afb52e { background-color: var(--background-primary); } :is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .headerContainer_c6e0ea, :is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .footer__20fac { background-color: var(--background-primary) !important; } :is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .messagesContainer__8cac7 { background-color: var(--background-primary) !important; } :is(.theme-dark, .platform-overlay) .opacityHeader__60a91 { background-color: var(--background-primary); } :is(.theme-dark, .platform-overlay) .wrapper_f8616a:has(.default_afb52e) .footer__20fac, :is(.theme-dark, .platform-overlay) .wrapper_f8616a:has(.default_afb52e) .headerContainer_c6e0ea { border-radius: 0px; } :is(.theme-dark, .platform-overlay) .background-opacity-high .scrollableContainer_ff917f { background-color: var(--channeltextarea-background); } :is(.theme-dark, .platform-overlay) .themePrimary_c433ae.container__5c54e { background-color: var(--background-primary); } :is(.theme-dark, .platform-overlay) .themePrimary_c433ae.container__5c54e:hover { background-color: var(--background-secondary); } :is(.theme-dark, .platform-overlay) .themePrimary_c433ae .dismissButton_aad284 { box-shadow: none; background-color: var(--background-secondary-alt); } :is(.theme-dark, .platform-overlay) .option__1d8de:not(.selected__4e154, :hover) { background-color: var(--primary-600); } :is(.theme-dark, .platform-overlay) .disabled__586d3:not(.selected__4e154, :hover) { color: var(--primary-600); } :is(.theme-dark, .platform-overlay) .sidebar__398fc { background-color: var(--background-primary); } :is(.theme-dark, .platform-overlay) .sidebar__398fc .header__0d02e, :is(.theme-dark, .platform-overlay) .sidebar__398fc .scroller__89969 { background-color: transparent !important; } :is(.theme-dark, .platform-overlay) .sidebar__398fc .searchBar__107ca { box-shadow: none !important; } :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels__1458f, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels__1458f > div, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels_f8dc5f, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels_f8dc5f > div { background-color: var(--background-primary) !important; } :is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .draggableStartArea__9df7d, :is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .body_c27002, :is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .controls_c0b2b8 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .nowPlayingColumn_b025fe .separator_fc3370 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .nowPlayingColumn_b025fe .applicationStreamingPreviewWrapper_cdc31a { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .directoryContainer__36395 { background-color: var(--background-primary); } body .colorLight-1o6rnK { background-color: var(--background-tertiary); } body .borderPrimary-1l1Cvj { border-color: var(--background-secondary); } body .divider-_0um2u { background-color: var(--background-modifier-accent); } body .hasBorder-17PTeu { border-bottom-color: var(--background-modifier-accent); } body .searchContainer-2duiLS:is(:hover) button { border-color: var(--background-secondary); background-color: var(--input-background); } body .h6-3NIpOq { background: var(--background-primary); } body .scrollbar-1NUwvY .thumb-3r19ww { background-color: var(--background-secondary-alt) !important; } body [class$=control] { border-color: var(--background-secondary); } body [class$=control]:hover { border-color: var(--background-secondary-alt); } body .css-1129voj-menu { border-color: var(--background-secondary); box-shadow: var(--background-secondary) 0px 1px 5px 0px; background-color: var(--background-floating); } body .css-lbnt4y-option { background-color: var(--background-modifier-selected); } body .css-1jrkz9i-option { background-color: var(--background-modifier-hover); } body .modalContent-31OOYM { box-shadow: var(--dark-elevation-border), var(--dark-elevation-high); background-color: var(--modal-background); } body .modalContent-31OOYM .modalFooter-3193QM { border: none; box-shadow: inset 0 1px 0 hsl(var(--primary-900-hsl)/0.6); background-color: var(--modal-footer-background); } body .input-2g-os5, body .inputWrapper-3a4ywb { border-color: var(--background-secondary); background-color: var(--input-background); } body .multiInputBlur-2Gn0-C { border-color: var(--background-secondary); background-color: var(--input-background); } body .grid-2a45cj .header-1JzP0t { background-color: var(--background-tertiary); } body .grid-2a45cj .rowWrapper-2RxnWO { background-color: var(--background-secondary); } body .grid-2a45cj .rowWrapper-2RxnWO:hover::before { background-color: var(--background-secondary-alt); } body .grid-2a45cj .rowWrapper-2RxnWO::after { border-color: var(--background-secondary-alt) !important; } body .disabled-29cfPA, body .disabled-29cfPA:hover { border-color: var(--background-secondary); background-color: var(--background-tertiary); } body .disabled-29cfPA + .pageButtonNext-2_bbdk, body .disabled-29cfPA + .pageCount-17vMJm, body .disabled-29cfPA:hover + .pageButtonNext-2_bbdk, body .disabled-29cfPA:hover + .pageCount-17vMJm, body .pageButtonNext-2_bbdk, body .pageCount-17vMJm, body .pageButtonNext-2_bbdk, body .pageButtonPrev-3q9rh8 { border-color: var(--background-secondary) !important; background-color: var(--background-tertiary); } body .pageButtonNext-2_bbdk:hover, body .pageButtonPrev-3q9rh8:hover { border-color: var(--background-secondary-alt) !important; background-color: var(--background-secondary); } body .wrapper-28jGDw { background-color: var(--background-tertiary); } body .wrapper-28jGDw .scrollbar-1NUwvY { background-color: var(--background-tertiary) !important; } body .wrapper-28jGDw .scrollbar-1NUwvY .pad-1eAWXq { background-color: var(--background-tertiary) !important; } body .contentWrapper-3RqEiS { background-color: var(--background-primary); } body .contentWrapper-3RqEiS .scrollbar-1NUwvY { background-color: var(--background-primary) !important; } body .contentWrapper-3RqEiS .pad-1eAWXq { background-color: var(--background-primary) !important; } body .contentWrapper-3RqEiS .cardOptionTile-30nXFk:hover { background-color: var(--background-modifier-hover); } body .contentWrapper-3RqEiS .cardOptionTileSelected-wkswQf { background-color: var(--background-modifier-active); } body .contentWrapper-3RqEiS .cardLink-H6gvNe { background-color: var(--background-secondary); } body .contentWrapper-3RqEiS .cardLink-H6gvNe:hover { background-color: var(--background-secondary-alt); } body .contentWrapper-3RqEiS .cardLink-H6gvNe .cardImagePlaceholder-EjWnzT { background-color: var(--background-primary); } body .contentWrapper-3RqEiS .avatarUploaderInner-yEhTv5 { background-color: var(--background-primary); } body .contentWrapper-3RqEiS .accordionContainer-vSTU_l { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .content__76dcf .pageWrapper_c182d3 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .content__76dcf .searchBox__56feb { background-color: var(--input-background); } :is(.theme-dark, .theme-midnight) #app-mount .content__76dcf .searchBox__56feb input { color: var(--primary-260); } :is(.theme-dark, .theme-midnight) #app-mount .content__76dcf .searchBox__56feb input::placeholder { color: var(--primary-400); } :is(.theme-dark, .theme-midnight) #app-mount .content__76dcf .searchBox__56feb .searchIcon__58dfd, :is(.theme-dark, .theme-midnight) #app-mount .content__76dcf .searchBox__56feb .closeIcon_da3bc1 { color: var(--interactive-normal); } :is(.theme-dark, .theme-midnight) #app-mount .page_e5cc79 { background-color: var(--background-primary) !important; } :is(.theme-dark, .theme-midnight) #app-mount .page_e5cc79 .mainTableContainer__37b54 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .page_e5cc79 .container__33507 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .row__4f559 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .row__4f559:hover { background-color: var(--background-modifier-hover); } :is(.theme-dark, .theme-midnight) #app-mount .clickableAction__9e970:hover .action__94060 { background-color: var(--background-modifier-hover); } :is(.theme-dark, .theme-midnight) #app-mount .action__94060 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .sidebarCardWrapper__98124 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .headerIcon_f56272 { background-color: var(--background-tertiary); border-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .container_cfe93d .opaqueBackground__45978 { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .shop_b31ed2 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .addGamePopout__61649 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .container_b1d738 .header_def8e2, :is(.theme-dark, .theme-midnight) #app-mount .container_b1d738 .autocompleteArrow__6156d { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .container_b1d738 .sectionTag__03ea5 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .autocomplete__743a5 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .autocomplete__743a5 .categoryHeader__70c8e { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .contentWarningPopout__84e38 { background-color: var(--background-floating); } :is(.theme-dark, .theme-midnight) #app-mount .contentWarningPopout__84e38 .footer__068c0 { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .phoneFieldPopout_a20b2f { background-color: var(--background-floating); } :is(.theme-dark, .theme-midnight) #app-mount .drawerSizingWrapper_e20f1f .emptyHintCard_cac1d9 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .drawerSizingWrapper_e20f1f .imageLoading_fb7de7 { border-radius: 35%; background-color: var(--background-secondary-alt); background-image: none; } :is(.theme-dark, .theme-midnight) #app-mount .container_cff83e { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .customColorPicker_bbc020 { border: none; box-shadow: var(--dark-elevation-border), var(--dark-elevation-high); background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .overflowRolesPopout__03a09 { background-color: var(--background-floating); } :is(.theme-dark, .theme-midnight) #app-mount .overflowRolesPopout__03a09 .overflowRolesPopoutArrow_de5244 { background-color: var(--background-floating); } :is(.theme-dark, .theme-midnight) #app-mount .quickSelectPopout__56a98 { background-color: var(--background-floating); } :is(.theme-dark, .theme-midnight) #app-mount .streamPreview__965fa { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .streamPreview__965fa .previewContainer__1e0bb { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .layer__6b5c3 .focused__68b93 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layer__6b5c3 .calendarPicker__47c85 .react-datepicker { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layer__6b5c3 .calendarPicker__47c85 .react-datepicker__header { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layer__6b5c3 .calendarPicker__47c85 .react-datepicker__navigation, :is(.theme-dark, .theme-midnight) #app-mount .layer__6b5c3 .calendarPicker__47c85 .react-datepicker__navigation { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layer__6b5c3 .calendarPicker__47c85 .react-datepicker__current-month { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layer__6b5c3 .calendarPicker__47c85 .react-datepicker__day--outside-month, :is(.theme-dark, .theme-midnight) #app-mount .layer__6b5c3 .calendarPicker__47c85 .react-datepicker__day--disabled { background-color: var(--background-tertiary); } :is(.theme-dark, .theme-midnight) #app-mount .picker__6dca7 .soundButton__845c7 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .picker__6dca7 .keybindHint__28b43 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .body__50a07 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .default__23a5a { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .avatarUploaderInnerSquareDisabled__2abd0 { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .tierHeaderContent__3351e { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .prefixInput_e78a57 { background-color: var(--input-background); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .backgroundContainer__8f24a { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .containerFooter__2f30f { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .iconWrapper__0d13e { background: var(--button-secondary-background); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .iconWrapper__0d13e .icon_bb7288:hover { background: var(--button-secondary-background-hover); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .iconWrapper__0d13e .icon_bb7288:hover.disabled_f8a046 { background: var(--button-secondary-background-disabled); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .auditLog__9228d { border-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .auditLog__9228d .header__8cacc { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .auditLog__9228d .headerExpanded__05a35 { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .auditLog__9228d .divider__1ee1f { background-color: var(--background-modifier-accent); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .auditLog__9228d .changeDetails_c0aa16 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .tierBody_fd5f94 { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .sidebarRegion__36437, :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .sidebarRegionScroller__8113e { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .cardPrimary__1ee6a.outline__16075 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .connectContainer_e331e3 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .connectContainer_e331e3 .wrapper__5780f:hover { background-color: var(--background-modifier-hover); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .guildHeader__30707 { background-color: var(--background-secondary-alt); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .paymentPane__541d7 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .paymentPane__541d7 .expandedInfo_efc786 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .paymentPane__541d7 .paginator__28ba5 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .paymentPane__541d7 .paginator__28ba5 .payment_f27ac6 { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .paymentPane__541d7 .paginator__28ba5 .payment_f27ac6.hoverablePayment__4ff3b:hover { background-color: var(--background-modifier-hover); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .paymentPane__541d7 .bottomDivider_c85b47 { border-bottom-color: var(--background-modifier-accent); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .codeRedemptionRedirect_b3eca7 { border-color: var(--background-tertiary); background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .preview__30ef4 { border-color: var(--background-secondary); background-color: var(--background-primary) !important; } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .notches__5406c.gray__211f0 { color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .container__8267c { background-color: var(--input-background); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .game__19f4b { box-shadow: none; border-bottom: 1px solid var(--background-modifier-accent); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .game__19f4b .gameNameInput__3e1e4:is(:hover, :focus) { border-color: var(--background-tertiary); background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .option__1d8de:not(.selected__4e154, :hover) { background-color: var(--background-accent); } :is(.theme-dark, .theme-midnight) #app-mount .layers__1c917 .disabled__586d3:not(.selected__4e154, :hover) { color: var(--background-accent); } :is(.theme-dark, .theme-midnight) #app-mount .sidebar_e031be nav { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .sidebar_e031be [class*=scroller] { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .sidebar_e031be [class*=scroller].fade_ba0fa0 { background-color: transparent; } :is(.theme-dark, .theme-midnight) .sidebar_e031be .searchBar__621ec { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) .sidebar_e031be .searchBar__621ec .searchBarComponent__8f95f { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .sidebar_e031be .container_f41675:not(.hasBanner__04337) .header__77c95 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) #app-mount .sidebar_e031be .container_f41675:not(.hasBanner__04337) .header__77c95:hover { background-color: var(--background-secondary); } :is(.theme-dark, .theme-midnight) #app-mount .sidebar_e031be .hasBanner__04337 [class*=scroller-] { background-color: transparent; } :is(.theme-dark, .theme-midnight) .sidebar_e031be .panels__58331 { background-color: var(--background-primary); } :is(.theme-dark, .theme-midnight) .sidebar_e031be .panels__58331 > div, :is(.theme-dark, .theme-midnight) .sidebar_e031be .panels__58331 .wrapper_e832ee > div { background: var(--background-primary) !important; }