SoundCloud - Quite Color Change by salahuddin1234

/* ==UserStyle==
@name         SoundCloud - Quite Color Change
@namespace    USO Archive
@author       pawelos076232
@description  Change the default orange color on SoundCloud!
@version      20230617.18.36
@license      NONE
@preprocessor uso
@advanced dropdown scqcc "Color" {
    scqcc-blue "Blue*" <<<EOT --scqcc-blue EOT;
    scqcc-green "Green" <<<EOT --scqcc-green EOT;
    scqcc-mint "Mint" <<<EOT --scqcc-mint EOT;
    scqcc-pink "Pink" <<<EOT --scqcc-pink EOT;
    scqcc-purple "Purple" <<<EOT --scqcc-purple EOT;

}
==/UserStyle== */
@-moz-document domain("soundcloud.com"), domain("soundcloud.app.goo.gl") {
:root {
  --scqcc-pink: hue-rotate(300deg);
  --scqcc-purple: hue-rotate(240deg);
  --scqcc-blue: hue-rotate(180deg);
  --scqcc-mint: hue-rotate(148deg);
  --scqcc-green: hue-rotate(100deg);
}
.sceneLayer:not(.waveformCommentsNode),
.sc-button-play,
.playbackTimeline,
.g-tabs-item,
.header__logo,
.playControls__repeat,
.notificationIcon,
.compactTrackListItem.active, .compactTrackListItem.active .compactTrackListItem__content, .compactTrackListItem.active .compactTrackListItem__trackTitle, .compactTrackListItem.active .compactTrackListItem__user,
.volume__sliderProgress, .volume__sliderHandle,
.commentPopover__username, a.commentPopover__username:hover, a.commentPopover__username:visited,
.sc-label.sc-label-private,
.error .gritter-top,
.searchOptions__navigationItem.active,
.sc-button-cta, .sc-button-cta:hover, .sc-button-cta:focus, .sc-button-cta:visited, .sc-button.sc-button-white:hover, .sc-button.sc-button-white:focus,
.sc-button-selected.sc-button-medium,
.soundBadge.active .soundTitle__title,
.sc-orange,
.premiumContent__uploadImagePro, .premiumContent__uploadImageProUnlimited,
.premiumModalPlansContent__checked,
.sc-button-dropdown,
.sc-button-active, .sc-button-selected,
.sc-classic .linkMenu__activeItem>a, .sc-classic .linkMenu__item>a:hover,
.playbackSoundBadge__showQueue,
.sc-toggle:before,
.shuffleControl,
.notificationIcon.newItems__some,
.progressBar__bar,
.sc-text-orange,
.sc-background-orange,
.topStatsItem.m-soundcloud-app div[style*="svg"],
.statsSummary__icon.g-stats-icon.g-stats-icon-play.g-stats-icon-orange,
.userStatsLegend__item1,
.statsOverview__chartWrapper, 
.sc-status-label,
.sc-status-icon-activity,
.tileGallery__sliderButton.tileGallery__slideForwardButton.sc-button.sc-button-small.sc-button-icon:after,
.uiEvoButton--isSelected, .uiEvoButton.uiEvoButton--isSelected:hover,
.sc-classic .trackItem:not(.m-disabled).active .trackItem__trackTitle,
.sc-classic .header__link.header__proUpsell_side_by_side_experience,
.sc-classic .header__link.header__goUpsell_side_by_side_experience,
.sc-classic .searchOptions__filter.active,
.sc-classic .searchTags__location.searchTags__locationSelected,
rect.Bar_GraphBar__2gRtn.Bar_GraphBarCurrentTrack__1n1fi.Bar_ForegroundBar__WvgRY,
svg.WorldMap_WorldMap__Crb3l>path:not([style="fill: rgb(243, 243, 243);"]),
.sc-classic .insightsSidebarModule__button,

.inboxItem.sc-border-box.active:before
{
    filter: var(/*[[scqcc]]*/);
}
  
.sc-classic .inboxItem.active {
    border-left: none;
    margin-left: 2px;
}
.inboxItem.sc-border-box.active:before {
  content: "";
  height: 60px;
  position: absolute;
  border-left: 2px solid #f50;
  margin-left: -2px;
}  




}