Soundcloud Pitch Black by stormi

/* ==UserStyle==
@name         Dark Soundcloud
@version      20231030.22.52
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("http://soundcloud.com"), url-prefix("https://soundcloud.com") {
/*** GENERAL ***/

html, .social-sign-in-separator span, .readMoreBadge__countWrapper {
    background: #000 !important}
body, .site, .dashbox, .listenContent__inner, .sound__soundActions, .l-footer, .activity__sharingNote-container, .commentForm, .commentForm__inputWrapper, .commentForm__wrapper, .createPlaylist:hover, .createPlaylist.focused, .uploadStatus, .activeUpload__section, .activeUpload__quietTeaser, .activeUpload__blockTable.threeCell, .autoTagger__fields, .sc-background-light, .addToPlaylistTabs .tabs__tabs, .g-modal-section, .addToPlaylistItem__actions, .createPlaylistSuggestion__addContainer, .conversation__actions, .conversation__form, .inbox__item:before, .inboxItem.active, .inboxItem:hover, .g-form-section.highlight:hover, .advancedFields__quietTeaser, .sharePanel .tabs__tabs, .embedPanel__tabLink, .manageSounds__upsellWrapper, .uploadMain__foot, .searchTitle__content, .audibleEditForm__form, .tabs__tabs, .tabs__headingContainer, .commentItem.m-creatorComment, .trackManager__upsellWrapper, .linkMenu, .activeUpload__shareContainer, .profileUploadFooter, .quotaMeterWrapper, .sc-background-white, .statsOverview__separator {
    background: transparent !important}
.commentForm, .commentForm__inputWrapper, .commentForm__wrapper, .sc-button-group, .sound__footer.sc-border-light-bottom, .header__soundInput, .listenEngagement, .searchTitle__content, h1.searchTitle__text {
    border: none !important}
.conversation__actions, .conversation__form, .listenEngagement {
    box-shadow: none !important}
.dashbox, .listenDetails__login, article.whoToFollowModule, .header__goProWrapper, .header__right > a.header__link, .statsBadge__upsell, .editAccessTab__quietTeaser, .stream > .stream__header, .searchPremiumContentHeader, .searchPremiumContentFooter, .searchPremiumContentHeader + .searchList__item, .streamHTUpsell {
    display: none !important}
#flashAudioObject-container {
    visibility: hidden !important}

body, .sc-text, .resultCounts, .g-nav-link, h3.conversationBadge__senderName, .sc-type-h3, .conversation .sc-link-dark, .active .trackItem__trackTitle, .sc-classic .insightsSidebarModule__title, .commentItem__body * {
    color: #BBB !important}
.sc-link-verylight, .sc-text-verylight {
    color: #444 !important}
.sc-link-light:hover, .g-nav-item.active > .g-nav-link {
    color: #FFF !important}
.sc-link-dark, .dropdownList__loading, .sound__uploadTime, .compactTrackListItem__trackTitle, .queueItemView__title {
    color: #666 !important}
.sc-link-dark:hover, .sc-link-verylight:hover, .trackPreviewItem__titleLink:hover, .g-tabs-item:not(.active) .g-tabs-link:hover, .g-link-problem:hover, .activeUpload__sectionTitle, .blockCheckbox__title, .autoTagger__title {
    color: #DDD !important}
.userBadge.large .userBadge__title, .userBadge.large .userBadge__usernameLink, .commentItem__usernameLink, .commentItem__body a {
    color: #06C !important}
.active .soundTitle__title, .active .compactTrackListItem__trackTitle, .trackItemWithEdit.active .trackItemWithEdit__trackTitle, .userBadge.large .userBadge__usernameLink:hover, .g-nav-link:hover, .listenInfoTeaser__description a:hover, .m-playing .queueItemView__title, .m-playing .queueItemView__title * {
    color: #F60 !important}

/*
#app h1:not(.sc-type-h2), h1.widgetCustomizationContent__title {
    color: #06C !important;
    text-shadow: 0 1px #38F;
    position: relative}
.g-modal-title-h1 {
    color: #DDD !important;
    text-shadow: 0 1px #000;
    position: relative}
#app h1:not(.sc-type-h2):after, h1.widgetCustomizationContent__title:after, .g-modal-title-h1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,.8))}
#app h1.userNetworkTop__title:after, #app h1.groupNetworkTop__title:after, #app h1.listenNetworkTop__title:after, .g-modal-title-h1:after, #app div.l-front h1:after, #app h1.uploadMain__title:after {background: none}
#app h1.userNetworkTop__title, #app h1.groupNetworkTop__title, #app h1.listenNetworkTop__title, .g-modal-title-h1 {-webkit-mask-image: linear-gradient(#000 40%, rgba(0,0,0,.2)) !important}
#app h1.stream__noticeTitle:after {background: linear-gradient(rgba(17,17,17,0) 40%, #111)}
h1.widgetCustomizationContent__title:after, .g-modal-title-h1:after {background: linear-gradient(rgba(21,21,21,0) 25%, #151515)}
*/
#app h1[class$="Main__title"], #app h1 span, h1.sc-type-h1 {-webkit-mask-image: -webkit-linear-gradient(#000 55%, rgba(0,0,0,.2)) !important}
.userDropbar__title, h2.selectionModule__titleText, .infoStats__value, .statsBadge__value, .chartTrack__position, .collectionSection__heading, .insightsSidebarModule__plays {
    /* background: linear-gradient(#1AF, #028) !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important; */
    -webkit-mask-image: -webkit-linear-gradient(#000 35%, rgba(0,0,0,.2)) !important;
    /* mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8bWFzayBpZD0iMSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPg0KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZyIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgyPSIwIiB5Mj0iMSI+DQogICAgICA8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgb2Zmc2V0PSIwLjM1Ii8+DQogICAgICA8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjIiIG9mZnNldD0iMSIvPg0KICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnKSIvPg0KICA8L21hc2s+DQo8L3N2Zz4=#1) !important; */}
.header__logo {background: linear-gradient(#F50 40%, #510) !important; box-shadow: inset 0 0 1px #111, inset 1px 0 #111, inset -1px 0 #111 !important;}
#app h1.header__logo {mask: none !important}
#app h1, #app h1 *, .userDropbar__title, h2.selectionModule__titleText {
    color: #06C !important;
    text-shadow: 0 1px #38F !important}
#app h1 a:hover, .userDropbar__title:hover {
    color: #18F !important;
    text-shadow: 0 1px #4AF, 0 0 6px #18F !important}
.insightsSidebarModule__plays {
  text-shadow: 0 1px 0 #FFF !important}


.fullHero__title .soundTitle__title, .listen-content .soundTitle__title span {
    text-shadow: 0 0 10px #000 !important;
    font-family: "Champagne & Limousines","eurofurence light","Interstate","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif !important}
.waveform__emptyMessage, .waveform__playHint {
    color: #EEE !important;
    text-shadow: 0 0 5px !important}

a {text-shadow: 0 0 #000; transition: 0.2s color, text-shadow}
.sc-link-dark:hover, .sc-link-light:hover, .trackPreviewItem__titleLink:hover {text-shadow: 0 0 7px}

::-moz-selection {background-color: rgba(35,35,35,.7) !important; color: #F60 !important; text-shadow: 0 1px #000 !important}
::selection {background-color: rgba(35,35,35,.7) !important; color: #F60 !important; text-shadow: 0 1px #000 !important}
:focus {outline: none !important}

.sc-border-light-top, .sc-border-dark-top, .sc-border-light-bottom, .sc-border-dark-bottom, .sc-border-light-right, .sc-border-dark, .sidebarHeader, .commentsThread__item, .ownActivity__user, .userInfo, .userInfo__container,
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th, .widget-area .widget, .sc-border-light, .newMessageForm.compact, .l-listen-wrapper .l-about-rows, .searchTitle, .selectionModule {
    border-color: #111 !important}
.g-tabs, .g-tabs-item.active, .site-content article, .commentItem.large.isReply, .listenInfoTeaser__separator, .collection.m-overview .collection__section, .conversation__form, .chartsMain_listHeader, .sc-border-light-left {
    border-color: #333 !important}
.activeUpload__sectionHead, .listenInfoModal__heading, .composeMessage__bottomWrapper, .g-modal-title-h1 {
    border-color: #222 !important;
    box-shadow: 0 1px #000 !important}


/*** GRAYSCALE STYLE

.waveform:not(:hover), .sc-button-play:not(:hover), a.sound__coverArt > .image, .compactTrackListItem:not(.active):not(:hover):not(:focus) .sc-artwork {
    filter: grayscale(1) !important;
    transform: translate3d(0,0,0) !important;
    transition: filter 0.6s !important;
    -webkit-filter: grayscale(1) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    -webkit-transition: -webkit-filter 0.6s !important}
.header__logo {background: transparent !important}

.soundList__item:hover a.sound__coverArt > .image {
    filter: grayscale(0) !important;
    -webkit-filter: grayscale(0) !important}

***/


/*** BUTTONS & CO ***/

.sc-button:not(.sc-button-play), .sc-buylink, .categoriesButton, .murkupdatestart, .commentsList__item:hover .commentItem__replyButton {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #111 !important;
    border: 1px solid #292929 !important;
    box-shadow: inset 0 0 2px #000 !important;
    color: #777 !important;
    text-shadow: 0 1px #000 !important;
    border-radius: 0 !important;
    transition: color, border-color, background-color, ease 0.3s !important}
.sc-button.blockButton, .sc-button.blockButton:active, .hintButton.sc-button-small, .hintButton.sc-button-small:active {background-color: transparent !important; border: none !important; box-shadow: none !important}
.sc-button.sc-button-selected, .sc-button.uploadButton.sc-button-selected {border-color: #0066CC !important}
.sc-buylink, .sc-button-small.sc-button-text, .commentItem__replyButton {padding: 2px 7px !important}
.sc-buylink:before {margin-left: 5px !important}
.sc-buylink:before, .sc-button-medium:not(.sc-button-selected):before {opacity: 0.4}
.sc-buylink {margin-bottom: -4px !important}

.sc-button:hover, .sc-buylink:hover, .categoriesButton:hover, .murkupdatestart:hover {
    border-color: #444 !important;
...