soundcloud.com by ewwwwwwmee

/* ==UserStyle==
@name           soundcloud.com
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
@-moz-document url-prefix("https://soundcloud.com"), url-prefix("http://soundcloud.com"), domain("soundcloud.com") {
/***** colors *************************************************

background 1.........#000000
background 2.........#1a1a1a
background 3.........#202020
background 4.........#282828
borders..............#323232
font.................#ccc
link.................#2f8cb7
link.................#f50

***************************************************************/
/***** misc ***************************************************/
.conversation__actions,
.listenEngagement,
.conversation__form {
    box-shadow: none !important;
}

.sc-button-small.sc-button-like:before,
.sc-button-small.sc-button-share:before,
.sc-button-small.sc-button-repost:before,
.sc-button-small.sc-button-addtoset:before,
.sc-button-medium.sc-button-message:before,
.sc-ministats-large.sc-ministats-followers:before,
.sc-ministats-large.sc-ministats-sounds:before,
.sc-button-medium.sc-button-addtogroup:before,
.sc-button-medium.sc-button-addtoset:before,
.sc-button-medium.sc-button-delete:before,
.sc-button-medium.sc-button-download:before,
.sc-button-medium.sc-button-edit:before,
.sc-button-medium.sc-button-instagram:before,
.sc-button-medium.sc-button-like:before,
.sc-button-medium.sc-button-message:before,
.sc-button-medium.sc-button-moderate:before,
.sc-button-medium.sc-button-pc:before,
.sc-button-medium.sc-button-reply:before,
.sc-button-medium.sc-button-repost:before,
.sc-button-medium.sc-button-share:before,
.sc-button-small.sc-button-delete:before,
.sc-button-medium.sc-button-icon:before {
    -webkit-filter: brightness(5);
}

.playControl,
.skipControl__previous,
.playControl.playing,
.skipControl__next,
.playControls__playPauseSkip,
.playControls__repeat,
.volume__iconWrapper,
.playbackTimeline__duration {
    -webkit-filter: brightness(5) !important;
}

/***** borders ************************************************/
/** border #323232 **/
.sc-background-light,
.sc-border-light-right,
.sc-border-light-bottom,
.sc-button-toolbar > .sc-button-group,
.sc-button,
.sc-border-light-top,
.sc-border-light,
.sc-tag,
.sc-tag:visited,
.sc-ministats-group .sc-ministats,
.ownActivity.large .ownActivity__user,
.g-tabs,
.collection.m-overview .collection__section,
.genericBadgePlaceholder:before {
    border-color: #323232;
}

/** border #323232 !important **/
textarea,
select,
input,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
.dashbox__box,
.commentForm.small,
.commentForm__input,
.commentForm__input:focus,
.commentForm.large .commentForm__inputWrapper,
.focused .commentForm.small,
.commentForm,
.listenEngagement,
.listenInfoModal__heading,
.sc-toggle,
.g-form-section-head,
.sidebarModule.collapsed .sidebarHeader,
.gritter-item-wrapper,
.sc-border-light-left,
.sc-border-light-bottom,
.sc-border-light-top,
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th,
.l-listen-wrapper .l-about-rows,
.widget-area .widget,
.searchTitle__content,
.searchTitle,
.moreActions,
.moreActions__button:not(:last-child),
.moreActions__link,
.commentForm__wrapper,
.commentForm.visible .commentForm__wrapper,
.collection.m-overview .collection__section:not(:last-child),
.audibleBadgePlaceholder:before,
.sc-snippet-badge-grey,
.dialog,
.searchTitle__text,
.composeMessage__bottomWrapper,
.tokenInput__wrapper,
.g-modal-title-h1,
.chartsMain_listHeader {
    border-color: #323232 !important;
}

/** border #202020 **/
.productsMiniTable__cell:nth-child(even),
.productsMiniTable__cell:nth-child(odd) {
    border-color: #202020 !important;
}

.app .listenEngagement {
    border: 0;
}

/***** backgrounds ********************************************/
/** #000 **/
#header,
body #main-wrapper,
body #main-content-inner,
body .one-col #main-wrapper-inner,
.g-dark textarea,
.g-dark select,
.g-dark input[type="text"],
.g-dark input[type="password"],
.g-dark input[type="search"] {
    background: #000 !important;
}

/** #1a1a1a **/
.sound__soundActions,
.userNetworkTop__inner,
.modal__modal,
.modal__content .page,
.page,
.additional-footer,
.site,
.listenNetworkTop__inner,
.searchTitle__content,
.searchTitle,
.listenContent__inner,
.commentForm__wrapper,
.tabs__tabs,
.tabs__headingContainer {
    background: #1a1a1a !important;
}

/** #202020 **/
.sc-background-light,
.sc-tag,
.sc-tag:visited,
.activeUpload__form,
.tagInput__wrapper,
.editAccessTab__quietTeaser,
.exploreCategoryList__list,
.categoriesButton,
.exploreCategoryList,
.l-fixed-top-one-column > .l-top,
.moreActions__button,
.moreActions__link {
    background: #202020;
}

/** #202020 !important **/
#side-content .settings-sidebar ul.tabs li a .sub,
#side-content .settings-sidebar ul.tabs li a span.title,
#side-content .settings-sidebar ul.tabs li.current a span,
#side-content .settings-sidebar ul.tabs li:hover a span,
body#tokens .listing tr.even,
body#client_applications .listing tr.even,
.commentForm.small,
.commentForm.large .commentForm__inputWrapper,
.commentForm,
.focused .commentForm.small,
.compactTrackListItem.clickToPlay.active,
.compactTrackListItem.clickToPlay:hover,
.compactTrackListItem.clickToPlay:focus,
.compactTrackList__moreLink:hover,
.compactTrackList__moreLink:focus,
.trackItem.hover,
.trackItem.active,
.trackItem.hover .trackItem__additional,
.trackItem.active .trackItem__additional,
.g-modal-section,
.uploadMain__foot,
.uploadMain__chooserContainer,
.conversation__form,
.inboxItem:hover,
.gritter-item-wrapper,
.productsMiniTable__planPreviewPrizing,
.sidebarInfoBox__body,
.addToPlaylistTabs .tabs__tabs,
.addToPlaylistTabs .tabs__headingContainer,
.createPlaylistSuggestion__addContainer,
.addToPlaylistItem__actions,
.search__headerInner,
.composeMessage__bottomWrapper,
.commentForm.visible .commentForm__wrapper {
    background: #202020 !important;
}

/** #282828 **/
textarea,
select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
.commentForm__input,
.modal__modal.transparentBackground,
.announcement,
.readMoreBadge__countWrapper,
.moreActions__button:hover,
.moreActions__link:hover,
.moreActions__button:focus,
.dialog,
.linkMenu__list,
.linkMenu,
.chartsMain .chartTracks {
    background: #282828;
}

/** #282828 !important **/
select,
.conversation__actions,
.inboxItem.active,
.productsMiniTable__planPreviewList,
.playControls__inner,
.announcement,
.trackItemWithEdit.hover,
.trackItemWithEdit.active,
.playControls__bg,
.tokenInput__token {
    background: #282828 !important;
}

/** #323232 **/
.inboxItem:hover,
.inboxItem:focus,
.inboxItem.unread,
.inboxItem.active,
.chartTrack.m-playing,
.chartTrack:hover,
.chartsMain__filters .sc-button {
    background: #323232;
}

.sc-toggle-handle,
.volume__sliderWrapper,
.dropbar__content,
.inbox__item:before {
    background: #323232 !important;
}

/** transparent **/
.l-footer,
.compactTrackListItem.clickToPlay.active .compactTrackListItem__additional,
.compactTrackListItem.clickToPlay:hover .compactTrackListItem__additional,
.compactTrackListItem.clickToPlay:focus .compactTrackListItem__additional,
.sc-toggle {
    background: transparent !important;
}

/** misc **/
.compactTrackListItem__additional,
.trackItem__additional {
    background: linear-gradient(to right, rgba(20, 20, 20, .1), #202020 17px) !important;
}

.trackItemWithEdit__additional {
    background: linear-gradient(to right, rgba(255, 255, 255, .1), #252525 17px) !important;
}

.sc-button-small {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .02), inset 0 1px 0 rgba(40, 40, 40, 1), inset -1px 0 0 rgba(40, 40, 40, 1), inset 0 -1px 0 rgba(40, 40, 40, .5), inset 1px 0 0 rgba(40, 40, 40, 1);
}

.sc-button {
    border: 1px solid #252525;
    background-color: #202020;
    background-image: -webkit-linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, .3) 100%, rgba(26, 26, 26, .6));
    background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, .3) 100%, rgba(26, 26, 26, .6));
    text-shadow: none;
    box-shadow: none;
}

.sc-button:hover,
.sc-button:focus,
.sc-button-focus {
    border: 1px solid #282828;
    background-color: #323232;
    background-image: -webkit-linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, .3) 60%, rgba(26, 26, 26, .6));
    background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, .3) 60%, rgba(26, 26, 26, .6));
    text-shadow: none;
    box-shadow: none;
}

.sc-button-play,
.sc-button-pause,
.sc-button-prev,
.sc-button-next,
.sc-button.sc-button-play:disabled,
.sc-button.sc-button-play.sc-button-disabled:disabled {
    border-top-width: 0;
    border-color: rgba(255, 102, 0, .75) rgba(255, 51, 0, .25) rgba(255, 17, 0, .25);
    background-color: #f50;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(rgba(255, 153, 0, .6), rgba(255, 102, 0, .6) 40%, rgba(255, 17, 0, .6));
    background-image: linear-gradient(rgba(255, 153, 0, .6), rgba(255, 102, 0, .6) 40%, rgba(255, 17, 0, .6));
    box-shadow: 0 0 2px rgba(255, 51, 0, .35), inset 0 -1px 3px rgba(255, 51, 0, 0.45), 0 0 3px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(102, 51, 0, .2), inset 0 2px 2px rgba(255, 255, 255, .25), inset 0 -2px 2px rgba(255, 255, 255, .2);
    text-shadow: none;
}

.sc-button-active,
.sc-button-active:hover,
.sc-button-active:focus,
.sc-button-active.sc-button-focus,
.sc-button-selecte...