Skip to content

soundcloud dark mode by weiiling

Screenshot of soundcloud dark mode

Details

Authorweiiling

LicenseNo License

Categorysoundcloud

Created

Updated

Size2.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

this is my first style so idk if it's gonna work or not

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           soundcloud dark mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    dark mode soundcloud
@author         weiiling
==/UserStyle== */

@-moz-document url-prefix("https://soundcloud.com") {
    /* Insérer le code ici... */
}

body{
    color:#fff;
}

body.sc-classic{
    background:#000;
}

.sc-classic .g-tabs{
    border-bottom:1px solid #262626;
}



.sc-button{
    background:#373737;
    border:1px solid #000;
    color:#e5e5e5;
    
}

.sc-button-cta, .sc-button-cta:focus, .sc-button-cta:hover, .sc-button-cta:visited, .sc-button.sc-button-white:focus, .sc-button.sc-button-white:hover{
    background-color:#f50;
    border-color:#f50;
    color:#fff;
}

.sc-button:hover{
    color:#939393;
}

.sc-button:visited{
    color:#979797;
}

.userDropbar{
    background:#000;
}

.sc-classic .dropbar__content{
    background:#000;
}

.userDropbar__title{
    color:#e5e5e5;
}

.sc-button-disabled, .sc-button-disabled:focus, .sc-button-disabled:hover, .sc-button.sc-pending, 
.sc-button.sc-pending:focus, .sc-button.sc-pending:hover, .sc-button:disabled, .sc-button:disabled:hover{
    background-color:#373737;
    border-color:#000;
    color:#979797;
}

.sc-border-light-top{
    border-top:1px solid #292929;
}

a.sc-link-light{
    color:#999;
}


a.sc-link-light:hover{
    color:#bfbfbf;
}

a.sc-link-dark, a:hover{
    color:rgb(95, 99, 104);
}


.sc-border-light{
    border:1px solid #292929;
}


.sc-border-light-bottom{
    border-bottom:1px solid #292929;
}


.sc-classic .compactTrackListItem__number, .sc-classic .compactTrackListItem__trackTitle{
    color:#666;
}


.sc-classic .compactTrackListItem:hover{
    background-color:#000;
}



.sc-classic .sound__soundActions{
    background:#000;
}


.sc-border-light-right{
    border-right:1px solid #292929;
}


.sc-classic .soundBadge__additional{
    background:#000;
    background:linear-gradient(90deg,hsla(0, 0%, 0%, .1),#000 17px);
}

.sc-classic .playControls__bg, .sc-classic .playControls__inner{
    background-color:#141414;
    border-top:1px solid #3d3c3c;
}


.sc-classic .volume__sliderWrapper{
    background-color:#141414b5;
}

.sc-classic .listenEngagement{
    border:1px solid #000;
    box-shadow: 0 1px 0 0 #3d3c3c;
}

.sc-classic .commentForm.visible .commentForm__wrapper{
    background:#000;
}

.commentItem__creatorLink, .commentItem__creatorLink:hover, .commentItem__creatorLink:visited, .commentItem__username, .commentItem__usernameLink, .commentItem__usernameLink:hover, .commentItem__usernameLink:visited{
    color:#666;
}


.commentItem__body{
    color:#666;
}


.sc-classic .l-listen-wrapper .l-about-rows{
    border-right: 1px solid #3d3c3c;
}

/*----main-page-----*/

.sc-classic .mixedSelectionModule{
    border-bottom: 1px solid #3d3c3c;
}


Reviews

No reviews yet.