Skip to content

SoundCloud Dark by 448

Details

Author448

Licensearr==/UserStyle== */

Categoryhttps://soundcloud.com

Created

Updated

Size43 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

JUst an extention

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         SoundCloud - Quite Dark
@namespace    USO Archive
@version      20230710.16.32
@description  "<div>Check out the original style at <a rel=\"nofollow\" href=\"https://userstyles.org/styles/143738\" target=\"_blank\">userstyles.org</a><br/></div>Quite dark style for the SoundCloud"
@author       pawelos076232
@license      arr==/UserStyle== */
@-moz-document regexp("http(s)?://(|www.)?soundcloud.(com|app.goo.gl)/((?!jobs|settings/connections).*)") {
    /*!
|| Name: SoundCloud - Quite Dark ||
|| Author: pawelos076232         ||
|| License: No Redistribution    ||
|| Version: 1.8.4                ||
  */
    .l-footer:after {
        white-space: pre;
        content: "\A\A448 448 448 448 448"
    }
    html[lang="pl"] .l-footer:after {
        content: "\A\AU\017Cywasz styl SoundCloud - Quite Dark v1.8.4 \A stworzony z mi\0142\o\015B ci\0105  \2764\ przez pawelos076232" !important
    }
    body.sc-classic {
        background: #0a0a0a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABNgAAABkCAAAAABxmtK9AAABFElEQVR42u3UMREAAAgDMSoB/2argZVLJPzw2QH4JcYGGBuAsQEYG4CxARgbYGwAxgZgbADGBmBsgLEBGBuAsQEYG4CxAcYGYGwAxgZgbADGBmBsgLEBGBuAsQEYG4CxAcYGYGwAxgZgbADGBhgbgLEBGBuAsQEYG2BsAMYGYGwAxgZgbADGBhgbgLEBGBuAsQEYG2BsAMYGYGwAxgZgbICxARgbgLEBGBuAsQHGBmBsAMYGYGwAxgZgbICxARgbgLEBGBuAsQHGBmBsAMYGYGwAxgYYG4CxARgbgLEBGBtgbBoAxgZgbADGBmBsAMYGGBuAsQEYG4CxARgbYGwAxgZgbADGBmBsgLEBGBuAsQEYG8BdAY8JBwnfLuOyAAAAAElFTkSuQmCC) repeat-y 50% 0
    }
    @media(max-width:959px) {
        body.sc-classic {
            background: #111
        }
    }
    .header__logo {
        background: transparent
    }
    .sc-classic .searchTitle {
        background-color: #111
    }
    .frontMobileTeaser,
    .sidebarInfoBox,
    .sc-classic .banner.m-creatorPromotion,
    .sc-classic .banner.m-promotion,
    .keyboardShortcuts__shortcutsGroup > dl > dt > kbd > kbd {
        background: #0a0a0a
    }
    .sc-background-dark {
        background-color: #1a1a1a
    }
    .sc-classic .header {
        background: #030303
    }
    .g-dark-bg,
    .g-dark-list,
    .unreadConversations,
    .profileMenu__list {
        background-color: #222
    }
    .sc-classic .headerMenu.m-light {
        background-color: #111;
        border-color: #333
    }
    .sc-classic .m-light .headerMenu__link:focus,
    .sc-classic .m-light .headerMenu__link:hover {
        background-color: #0a0a0a
    }
    .sc-classic .m-light .headerMenu__link,
    .sc-classic .m-light .headerMenu__link:focus,
    .sc-classic .m-light .headerMenu__link:hover {
        color: #ccc
    }
    .sc-classic .m-light a[class*="profileMenu__"]:after {
        filter: invert(1)
    }
    .sc-classic .m-light .headerMenu__list {
        border-color: #1c1c1c
    }
    .sc-classic .dropdownContent__container {
        background-color: #111;
        border-color: #333
    }
    .sc-classic .dropdownContent__listItem,
    .sc-classic .dropdownContent__header,
    .sc-classic .dropdownContent__main {
        border-bottom-color: #1c1c1c
    }
    .sc-classic .notificationBadge__link:focus,
    .sc-classic .notificationBadge__link:focus:after {
        border-color: #333
    }
    .sc-classic .notificationBadge__main {
        color: #999
    }
    .sc-classic .notificationBadge--unread {
        background-color: #070707
    }
    .sc-classic .activitiesListFull__item + .activitiesListFull__item {
        border-top-color: #333
    }
    .header__navMenu > li > a.selected,
    .header > li > a:focus,
    .userNav__item.selected,
    .userNav__button.selected,
    .header__navMenu > li > a.header__moreButton.selected {
        background-color: #222
    }
    .sc-classic .g-tabs-link,
    .sc-classic .g-tabs-link:visited {
        color: #ccc
    }
    .sc-classic .g-tabs-link:hover,
    .sc-classic .g-tabs-link:focus {
        color: #ccc;
        border-color: #ccc
    }
    body,
    textarea,
    select,
    button,
    input,
    .sc-text,
    a:hover,
    a.sc-ministats:hover,
    a.sc-link-dark,
    a.sc-link-light:hover,
    .sc-buylink,
    .sc-buylink:visited,
    .sc-classic .commentPopover.blackText .commentPopover__body,
    .moreActions__group .moreActions__link,
    .sc-classic .blockCheckbox__title,
    .sc-classic .truncatedAudioInfo__collapse:focus,
    .statsBadge__upsell-text > span,
    .localeSelector__body,
    .localeSelectorContent__link:hover,
    .sc-button-nostyle,
    .sc-classic .commentBadge:hover .commentBadge__title a {
        color: #fff
    }
    a.sc-link-dark:hover,
    a.sc-link-medium:hover,
    .sc-buylink:hover,
    .sc-classic .insightsSidebarModule__title,
    .sc-classic ._10BTeIqCrlRC9qFdVckf7v:hover,
    .sc-classic ._1PFHeR8bDiS4o1IWHAwVDu:disabled {
        color: white
    }
    .sc-background-light {
        background-color: #0a0a0a
    }
    .dashbox__box {
        border-color: #1a1a1a
    }
    .dashbox__box,
    .dashbox__box:hover,
    .dashbox__box:focus,
    .dashbox__box:visited {
        color: #ccc
    }
    .loading:not(.dark) {
        filter: invert(1) !important
    }
    .emptyNetworkPage__image,
    .noConversations__image,
    .personalRecommended__empty {
        filter: invert(0.93)
    }
    .sc-classic .truncatedUserDescription.m-overflow.m-collapsed .truncatedUserDescription__wrapper::after {
        background: #111;
        background: linear-gradient(rgba(17, 17, 17, 0), #111)
    }
    .sc-classic .comboBoxList {
        background-color: #111;
        border-color: #4d4d4d
    }
    .sc-classic .comboBoxList__item.selected {
        background-color: #0a0a0a
    }
    .sc-classic .showSpotlightUpsellBanner.spotlightUpsellBanner {
        border-color: #272727
    }
    .sc-classic .readMoreTile__countWrapper {
        background-color: #111
    }
    .sc-classic .audibleTilePlaceholder:before,
    .sc-classic .collection.m-overview .collection__section:not(:last-child) {
        border-color: #333
    }
    .l-signin .l-main {
        border-color: #1a1a1a
    }
    .sc-button-google:before {
        background-color: #111
    }
    .waveform__emptyMessage {
        color: white;
        text-shadow: 1px 1px 1px #111
    }
    .g-geoblocked-icon:before {
        filter: invert(1)
    }
    .sc-classic .profileUploadFooter {
        background-color: #111
    }
    .uploadTarget__frame {
        background: #111
    }
    .uploadedTarget__messageHighlight {
        color: #ccc
    }
    a.compactTrackList__moreLink:focus {
        outline-color: #333
    }
    .sc-classic .artistShortcutTile__badge {
        border-color: #111
    }
    .sc-classic .dropbar__content,
    .sc-classic .listenContent__inner {
        background-color: #111
    }
    .sc-classic .compactTrackListItem.clickToPlay.active,
    .sc-classic .compactTrackListItem.clickToPlay:hover,
    .sc-classic .compactTrackListItem.clickToPlay:focus,
    .sc-classic .compactTrackList__moreLink:hover,
    .sc-classic .compactTrackList__moreLink:focus,
    .sc-classic .trackItem.hover,
    .sc-classic .trackItem.active,
    .sc-classic .chartTrack.m-interactive:hover,
    .sc-classic .chartTrack.m-playing,
    .sc-classic .listenLogin {
        background-color: #0a0a0a
    }
    .sc-classic .compactTrackListItem.clickToPlay.active .compactTrackListItem__additional,
    .sc-classic .compactTrackListItem.clickToPlay:focus .compactTrackListItem__additional,
    .sc-classic .compactTrackListItem.clickToPlay:hover .compactTrackListItem__additional,
    .sc-classic .trackItem:not(.m-disabled).hover .trackItem__additional,
    .sc-classic .trackItem:not(.m-disabled).active .trackItem__additional {
        background: #0a0a0a;
        background: linear-gradient(to right, rgba(13, 13, 13, 0.1), #0a0a0a 17px)
    }
    .sc-classic .createPlaylistSuggestion__addContainer {
        background: linear-gradient(to right, rgba(17, 17, 17, 0.1), #111 20px)
    }
    .sc-classic .truncatedAudioInfo.m-overflow.m-collapsed .truncatedAudioInfo__wrapper::after {
        background: #111;
        background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.5) 90%, #111)
    }
    .sc-classic .sc-snippet-badge-grey {
        border-color: #333
    }
    .sc-classic .backgroundGradient__buffer {
        filter: brightness(0.26)
    }
    .sc-classic .soundBadge__additional {
        background: #111;
        background: linear-gradient(to right, rgba(17, 17, 17, 0.1), #111 17px)
    }
    .sc-classic .soundBadge.playlist .soundBadge__artwork {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAQAAADZyGDPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTEwVDIzOjEwOjAzKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0xMFQyMzoxMDo0NiswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNy0xMFQyMzoxMDo0NiswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjEiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJEb3QgR2FpbiAyMCUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NWYzZWQ2ZWMtYTg4NS0wNzRlLWFlMmEtMzZlNDNlZTEzMzUzIiB4bXBNTT...

Reviews

No reviews yet.