Dark theme for Soundcloud using StyleBot

soundcloud_css

/*
    fa3f1e - orange
    e342e3 - pink
    3dbbf5 - blue
    2492f2 - blue (darker)
 */

/* essentially body */
#app {
    background-color: #222222;
}



/* generalities */
a:hover {
    color: #fa3f1e;
}
.sc-button {
    color: #cccccc;
    background: #555;
    border: 1px #777 solid;
    box-shadow: none;
    text-shadow: none;
}
.sc-button:hover{
    color: #aaa;
    background: #777;
    border: 1px #3dbbf5 solid;
}
.sc-link-verylight {
    color: #00aeff;
}
.sc-border-light-top {
    color: #fa3f1e;
}
.sc-ministats {
    color: #e342e3;
}
.sc-link-dark {
    color: #3dbbf5;
}
.sc-link-dark strong {
    color: #2492f2;
}
.sc-checkbox {
    color: #e342e3;
}
/* right justified text (Refresh / View All / etc.) */
.sc-type-h3 {
    color: #3dbbf5;
}


/**
 * Header Bar
 */

/* username */
.userNav__username {
    color: #3dbbf5;
}
.userNav__username:hover {
    color: #e342e3;
}



/**
 * Main Wrapper
 */

/* body */
.l-content {
    background-color: #111111;
}
/* footer wrapper */
.l-footer {
    background-color: #111;
    color: fa3f1e;
}



/**
 * Sidebar
 */
.sidebarHeader__more {
}

.sidebarHeader__actualTitle {
    color: #3dbbf5;
}



/**
 * Sound Lists
 */

/* song title and tags */
.soundTitle__title {
    color: #fa3f1e;
}
.soundTitle__title:hover {
    color: #e342e3;
}
.soundTitle__title span {
    color: #fa3f1e;
}
.soundTitle__title span:hover {
    color: #e342e3;
}
.soundTitle__usernameText {
    color: #3dbbf5;
}
.soundTitle__usernameText:hover {
    color: #e342e3;
}
.soundTitle__tag {
    color: #fa3f1e;
    background-color: #222222;
    border-style: none;
}
.soundTitle__tag:hover {
    color: #3dbbf5;
}
/* time since posted */
.relativeTime {
    color: #3dbbf5;
    background-color: #111111;
}
/* hover over username */
.userAvatarBadge__usernameLink {
    color: #3dbbf5;
}

/**
 * Playlists
 */

/* individual tracklist rows */
.compactTrackListItem {
    color: #3dbbf5;
}
.compactTrackListItem:hover {
    background-color: #333;
}
.compactTrackListItem__plays {
    padding: 5px;
    background-color: #222;
}
.compactTrackListItem__trackTitle {
    color: #fa3f1e;
}
.compactTrackListItem__additional {
    background: none;
}



/**
 * Search Stuff
 */

/* search context */
.search__headerInner {
    background-color: #222222;
}
.searchOptions__title {
    color: #3dbbf5;
}
.searchOptions__navigationLink {
    color: #e342e3;
}
.searchOptions__scrollable {
    background-color: #171717;
}
.searchOptions__filterCategory-text {
    color: #e342e3;
}
.searchOptions__filterCategory-text:hover {
    color: #3dbbf5;
}
.searchOptions__filtersTitle {
    color: #3dbbf5;
}
.searchOptions__container {
    background-color: #111111;
}
.searchTags__tag {
    background-color: #222222;
    border: none;
    color: #e342e3;
}
.searchTags__title {
    color: #3dbbf5;
}
/* search results */
.resultCounts {
    color: #fa3f1e; /* orange */
}

/* User info page */
.userInfo__container a {
    color: #3dbbf5;
}

.userInfo__container a:hover {
    color: #fa3f1e;
}
.userInfo__title {
    color: #fa3f1e;
}

.userInfo__description {
    color: #e342e3;
}





.sound__soundActions {
    background: none;
}
.soundActions {
    background-color: #111;
}
.soundActions__purchaseLink {
    color: #0ac6ff;
}



.commentPopover__body {
    color: #44c4eb;
}
.playbackTitle__link {
    color: #3dbbf5;
}







.userBadge__usernameLink {
    color: #3dbbf5;
}

.g-nav-link {
    color: #3dbbf5;
}

.g-nav-link:hover {
    color: #fa3f1e;
}

.g-nav-item.active > .g-nav-link {
    color: #ffe3ff;
}



.exploreSidebar__regularCategory {
    color: #e342e3;
}

.exploreSidebar__regularCategory:hover {
    color: #3dbbf5;
}



.userItem__details.sc-type-light {
    color: #e342e3;
}



.explore__copy {
    color: #e342e3;
}

.tabs__tabs {
    background-color: #222222;
}

.widgetCustomization__options {
    color: #e342e3;
}


.g-tabs-link {
    color: red;
}

.g-modal-section {
    background-color: #222222;
}

.g-modal-title-h2 {
    color: #3dbbf5;
}

.addToPlaylistItem__count {
    color: #29f516;
}

.addToPlaylistItem__actions {
    background-color: none;
}

.addToPlaylistItem__content {
    background: #222;
}

.textfield__label {
    color: #3dbbf5;
}



.createPlaylist__buttonWrapper {
    color: #e342e3;
}

.createPlaylistSuggestion__addContainer {
    background: none;
}

.createPlaylist__suggestionsHeading {
    color: #3dbbf5;
}




.tokenInput__label {
    color: #3dbbf5;
}

.userNetworkTop__inner {
    background-color: #333;
}

.userNetworkTop__title {
    color: #3dbbf5;
}



.trackItem__additional {
    background: none;
}

.trackItem.hover, .trackItem.active {
    background: #333;
}

u