Skip to content

SoundCloud: Gradients by PlaayHouuse

Write a review Install Get Stylus

Details

AuthorPlaayHouuse

LicenseNo License

Categoryhttps://soundcloud.com/

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This makes SoundCloud have gradients

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: Gradients
@version      20240409.07.13
@namespace    https://userstyles.world/user/PlaayHouuse
@description  This makes SoundCloud have gradients
@author       PlaayHouuse
@license      No License
==/UserStyle== */

@-moz-document domain("soundcloud.com") {
button.sc-button.sc-button-medium.sc-button-cta.sc-button-secondary.sc-button-disabled.sc-button-edit {
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
    color: #a8a9a8;
}
.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;
    background: linear-gradient(#f70,#f30) !important;
}
.sc-button-cta.sc-button-insights:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBkPSJNMyA2LjVjMC0uMjc2LjIxNi0uNS40OTUtLjVoMi4wMWMuMjczIDAgLjQ5NS4yMjkuNDk1LjV2MTFjMCAuMjc2LS4yMTYuNS0uNDk1LjVoLTIuMDFDMy4yMjIgMTggMyAxNy43NzEgMyAxNy41di0xMXptNy00LjAwNGMwLS4yNzQuMjE2LS40OTYuNDk1LS40OTZoMi4wMWMuMjczIDAgLjQ5NS4yMjYuNDk1LjQ5NnYxNS4wMDhjMCAuMjc0LS4yMTYuNDk2LS40OTUuNDk2aC0yLjAxYy0uMjczIDAtLjQ5NS0uMjI2LS40OTUtLjQ5NlYyLjQ5NnptNyA3LjAxNGMwLS4yODIuMjE2LS41MS40OTUtLjUxaDIuMDFjLjI3MyAwIC40OTUuMjIyLjQ5NS41MXY3Ljk4YzAgLjI4Mi0uMjE2LjUxLS40OTUuNTFoLTIuMDFjLS4yNzMgMC0uNDk1LS4yMjItLjQ5NS0uNTFWOS41MXpNMi41IDIwaDE5Yy4yNzYgMCAuNS4yMjQuNS41djFjMCAuMjc2LS4yMjQuNS0uNS41aC0xOWMtLjI3NiAwLS41LS4yMjQtLjUtLjV2LTFjMC0uMjc2LjIyNC0uNS41LS41eiIvPgogICAgPC9nPgo8L3N2Zz4K);
    filter: invert(1);
}
a.sc-button-secondary.sc-button.sc-button-medium.sc-button-icon.sc-button-responsive.sc-button-message {
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
.sc-button-next, .sc-button-pause, .sc-button-play, .sc-button-prev, .sc-button.sc-button-blocked, .sc-button.sc-button-play.sc-button-disabled:disabled, .sc-button.sc-button-play:disabled, .sc-button.sc-button-play:disabled:hover {
    background-color: #f50;
    border-radius: 50%;
    background: linear-gradient(#f70,#f30) !important;
}
.sc-classic .header .creatorSubscriptionsButton {
    font-weight: 100;
    line-height: 21px;
    padding: 12px 0px;
    color: transparent !important;
}
[class="sc-button-follow sc-button sc-button-medium sc-button-responsive sc-button-cta sc-button-primary"] {
    background: linear-gradient(#f70,#f30) !important;
}

.sc-classic .inbox .send-message-button {
    margin-top: 24px;
    background: linear-gradient(#f70,#f30) !important;
}
.sc-classic .header {
    background: #333;
    font-family: Inter,sans-serif;
    font-weight: 100;
    font-size: 14px;
    line-height: 1.5;
    background: linear-gradient(#3f3f3f, #2e2e2e) !important;
}
.sc-classic .newItemBadge.newItems__some {
    background: #f50;
    border: 1px solid #333;
    background: linear-gradient(#f70,#f30) !important;
}
.sc-classic .playControls__bg, .sc-classic .playControls__inner {
    background-color: #f2f2f2;
    border-top: 1px solid #cecece;
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
[aria-label="Mark as unread"] {
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
.headerMenu {
    background-color: #fff;
    background-color: var(--surface-color);
    border: 1px solid rgba(0,0,0,.15);
    border: 1px solid rgba(var(--primary-rgb),.15);
    border-radius: 4px;
    font: 700 1rem/1.4285714285714286rem SoundCloud Sans,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Lucida Grande,Apple Color Emoji,Segoe UI Emoji;
    font: var(--typography-heading4-font);
    background: linear-gradient(#f5f5f5, #e8e8e8) !important;
}
[aria-label="Share"], [aria-label="Pin to Profile"], [aria-label="Replace File"], [aria-label="Distribute"], [aria-label="More"] {
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
a.sc-button.sc-button-medium.sc-button-secondary.latestUpload__seeAllYourTracks {
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
button.sc-button-like.sc-button-secondary.sc-button.sc-button-small.sc-button-icon.sc-button-responsive.sc-button-selected {
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
button.sc-button-follow.sc-button.sc-button-small.sc-button-responsive.sc-button-cta.sc-button-primary {
    background: linear-gradient(#f70,#f30) !important;
    color: white;
}
.sc-button-small.sc-button-icon:not(.sc-button-stretch-icon), .sc-button-small.sc-button-responsive:not(.sc-button-stretch-icon) {
    border-radius: 2px;
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
.sc-tag, .sc-tag:visited {
    position: relative;
    display: inline-block;
    height: 20px;
    padding: 0 7px;
    background: #999;
    border: 1px solid #999;
    border-left-width: 0;
    color: #656665;
    font-family: Inter,sans-serif;
    font-weight: 100;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: linear-gradient(#b3aeae, #d6d5d5) !important;
}
button.sc-button.sc-button-medium.sc-button-cta.sc-button-secondary.sc-button-disabled.sc-button-edit {
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
    color: #a8a9a8;
}
.sc-button-medium.sc-button-icon:not(.sc-button-stretch-icon), .sc-button-medium.sc-button-responsive:not(.sc-button-stretch-icon) {
    border-radius: 2px;
    background: linear-gradient(#f5f5f5, #d6d5d5) !important
}
.sc-classic .show .header__logo {
    background: #f50;
    background: linear-gradient(#f70,#f30) !important;
}
.sc-button {
    display: inline-block;
    position: relative;
    height: 26px;
    margin: 0;
    padding: 2px 11px 2px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    font-family: Inter,sans-serif;
    font-weight: 100;
    text-align: center;
    vertical-align: initial;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    box-sizing: border-box;
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
.g-dark input[type=password], .g-dark input[type=search], .g-dark input[type=text], .g-dark select, .g-dark textarea {
    color: #666;
    outline: 0;
    border: 0;
    padding: 5px 7px;
    background: #e5e5e5;
    background: linear-gradient(#f5f5f5, #cac8c8) !important;
}
.sc-button-xlarge.sc-button-play:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjhweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgOCAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMi4yICg5OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QbGF5IDI4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImJ1dHRvbnMiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjUzLjAwMDAwMCwgLTg5MC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE2NTMsOTA0IEwxNjU0Ljg0NjE1LDg5NyBMMTY1Myw4OTAgTDE2NjEsODk3IEwxNjUzLDkwNCBaIiBpZD0iUGxheS0yOCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-size: 12px 18px;
    filter: invert(1);
}
.sc-classic .commentForm .commentForm__input {
    height: 40px;
    border-radius: 2px;
    padding: 0 35px 0 16px;
    color: #000;
    font-weight: 100;
    background: #f3f3f3;
    width: 160%;
    border: 1px solid #e5e5e5;
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
input.sc-input.sc-input-medium.repostOverlay__formInput {
    background: linear-gradient(#f5f5f5, #d6d5d5) !important;
}
.sc-button-small.sc-button-pause:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjZweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCA2IDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjIuMiAoOTk4MykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGF1c2UgMjA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iYnV0dG9ucyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2NzYuMDAwMDAwLCAtOTYzLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTY4MCw5NjMgTDE2ODAsOTcyIEwxNjgyLDk3MiBMMTY4Miw5NjMgTDE2ODAsOTYzIFogTTE2NzYsOTYzIEwxNjc2LDk3MiBMMTY3OCw5NzIgTDE2NzgsOTYzIEwxNjc2LDk2MyBaIiBpZD0iUGF1c2UtMjAiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    top: -1px;
    filter: invert(1);
}
.sc-button-small.sc-button-play:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjZweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgNiAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcv...

Reviews

No reviews yet.