this is my first style so idk if it's gonna work or not
soundcloud dark mode by weiiling
Details
Authorweiiling
LicenseNo License
Categorysoundcloud
Created
Updated
Size2.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}