Darker Bandcamp by mishyvt

/* ==UserStyle==
@name           Darker Bandcamp
@namespace      github.com/mishyvt
@version        1.0.0
@description    Blackout theme for bandcamp.com
@author         Mishy
@license        unlicense
@preprocessor   uso
@var            color   fontColor   "Font color"    #ffffff
@var            color   fontColorDisabled   "Font color disabled"    #252525
@var            color   backgroundColor   "Background color"    #000000
@var            color   backgroundHoverColor   "Background color"    #050505
@var            color   customColor   "Custom color"    rgba(39, 107, 196, 1)
@var            color   hoverColor   "Hover color"    rgba(39, 107, 196, 0.75)
@var            color   hoverBoxColor   "Hover box color"    rgba(255,255,255,0.5)
==/UserStyle== */

@-moz-document url("https://bandcamp.com/jobs") {
    body {
        background-color: /*[[backgroundColor]]*/ !important;
    }
    .bd p, .bd ul, .bd ol {
        color: /*[[fontColor]]*/ !important;
    }
    .bd h1, .bd h2, .bd h3 {
        color: /*[[fontColorDisabled]]*/ !important;
    }
}
@-moz-document url-prefix("https://bandcamp.com/") {
    .hd, #pgBd {
        background-color: /*[[backgroundColor]]*/ !important;
        color: /*[[fontColor]]*/;
    }
    .fan-bio .name h1 {
        color: /*[[fontColor]]*/;
    }
}
@-moz-document domain("bandcamp.com") {
    #propOpenWrapper,
    
    .curated-shows, .bcdaily, .email-intake, .discover, .app-promo-desktop,
    
    .notable, .notable-item, .live-listing, #grid-tabs-sticky.fixed, .fan-bio .edit-profile > a,
    
    #stories-vm .story-innards, .carousel-bcweekly-container-container, .hd.header-rework-2018 .hd-sub-head, .hd-nav a,
    
    #hub .hub-component:nth-child(1), #hub .hub-component:nth-child(2), #hub .hub-component:nth-child(3), #hub .hub-component:nth-child(4) {
        background-color: /*[[backgroundColor]]*/ !important;
        color: /*[[fontColor]]*/;
    }
    
    .bcdaily .bcdaily-story, .bcdaily .col, #stories-vm .story-innards .story-footer, div.show-details {
        background-color: /*[[backgroundHoverColor]]*/ !important;
        color: /*[[fontColor]]*/;
    }
    h3.section-title, div.col.col-full {
        background-color: /*[[backgroundColor]]*/ !important;
    }
    .download-bottom-area {
        background: /*[[backgroundHoverColor]]*/ !important;
        border-top: 1px #111 solid;
    }
    
    /* Salesfeed */
    h5.item-title, a.item-inner {
        color: /*[[fontColor]]*/;
    }
    span.item-price, span.item-loc, span.item-timestamp {
        color: /*[[customColor]]*/;
    }
    .salesfeed .item-bundle .bundle-badge {
        background-color: /*[[customColor]]*/;
        color: /*[[fontColor]]*/;
    }

    /* Notable Item */
    h4 a span {
        color: /*[[customColor]]*/;
    }
    .notable-item {
        color: /*[[fontColor]]*/;
    }
    
    /* Album of the Day Text */
    div.aotd-details h3.bcdaily-title, div.aotd-details p.aotd-artist, div.aotd-details p.bcdaily-blurb {
        color: /*[[fontColor]]*/;
    }
    
    /* Bandcamp Daily */
    .bcdaily-title {
        color: /*[[fontColor]]*/;
    }
    
    .salesfeed .item-inner:hover {
        background-color: /*[[hoverBoxColor]]*/ !important;
    }
    
    .menubar-2018, #menubar-wrapper.header-rework-2018, #menubar-wrapper.header-rework-2018 .menubar-outer, #menubar-wrapper {
        background-color: /*[[backgroundColor]]*/ !important;
        border-color: /*[[backgroundColor]]*/ !important;
    }
    .menubar-2018 {
        box-shadow: 0px 1px /*[[customColor]]*/;
        border: none;
    }
    .has-menubar.invertIconography #menubar.menubar-2018 .autocomplete-form.signup-tooltip-parent.show-tooltip .svg-icon, .has-menubar.invertIconography #menubar.menubar-2018 .menubar-item.signup-tooltip-parent.show-tooltip .svg-icon, .has-menubar.invertIconography #menubar.menubar-2018 .inner-circle-wrapper .svg-icon, .menubar-2018 .svg-icon {
        fill: /*[[fontColor]]*/;
    }
    .menubar-2018 .hoverable:hover, .menubar-2018 .hoverable:focus, .menubar-2018 .notification-center-menubar-button a:focus {
        background-color: /*[[customColor]]*/;
    }
    
    use#bandcamp-logo-color-bcaqua {
        fill: /*[[fontColor]]*/;
    }
    
    .hd-banner-2018-inner.blue-gradient, .menubar-2018 .hd-banner-2018-inner.blue-gradient {
        background: -webkit-linear-gradient(left, /*[[customColor]]*/, /*[[hoverColor]]*/);
        -webkit-background-clip: text;
    }
    
    .discover-detail-inner {
        background-color: /*[[backgroundColor]]*/ !important;
    }
    .discover .detail-body a {
        color: /*[[customColor]]*/;
    }
    
    .wishlist-msg .collect-item-icon {
        fill: /*[[fontColor]]*/;
    }
    .discover-item a.item-title, .discover-item a.item-artist, .discover-item a.item-genre {
        color: /*[[fontColor]]*/;
    }
    .discover .inline_player { border: 1px solid /*[[backgroundHoverColor]]*/; }
    .discover .inline_player .play_cell { border-right: 1px solid /*[[backgroundHoverColor]]*/; }
    .inline_player .playbutton { background: /*[[customColor]]*/; }
    .playbutton:after { filter: invert(1); }
    
    .why-edit-box textarea {
        box-shadow: 0 0 5px /*[[hoverBoxColor]]*/ !important;
    }
    textarea {
        background: /*[[backgroundColor]]*/;
    }
    .collection-container.noreviewtrack .just-hint {
        background-color: #fc0;
        border: 1px solid /*[[hoverBoxColor]]*/;
    }
    li.collection-item-container {
        transition: background-color 0.3s ease-in-out;
    }
    li.collection-item-container:hover, ol.collection-grid .drag-thumb .bkgd {
        background-color: /*[[backgroundHoverColor]]*/;
    }
    li.collection-item-container.playing, li.collection-item-container.active {
        border-color: /*[[customColor]]*/;
    }
    
    .collection-item-title, a, .pseudoLink, button, #fan-container.mine .collected-by a.item-link, .item-save-buttons .cancel, .grids ol.tabs li {
        color: /*[[customColor]]*/;
    }
    .item-save-buttons .save-button, .expand-container .show-more, .preference-container .open-prefs {
        background-color: /*[[customColor]]*/;
    }
    .grids ol.tabs, .grids ol.tabs li:hover {
        border-bottom: 1px solid /*[[customColor]]*/;
    }
    
    g#bandcamp-logo-color-bcaqua path:nth-child(n+1) { fill: white;}
    g#bandcamp-logo-color-bcaqua path#rhomboid,
    .fan-bio .share-profile-icon {
        fill: /*[[customColor]]*/ !important;
    }
    
    .menubar-2018 .user-menu {
        background-color: /*[[backgroundColor]]*/;
        border-color: /*[[backgroundHoverColor]]*/;
    }
    .menubar-2018 a, .menubar-2018 li, .menubar-2018 .ui-widget-content a {
        color: /*[[fontColor]]*/;
    }
    .menubar-2018 .submenu-item a:hover, .menubar-2018 .label-member-band.submenu-item span:hover, .menubar-2018 .linked-accounts-menu-content li:hover {
        background-color: /*[[backgroundHoverColor]]*/;
        color: /*[[customColor]]*/;
    }
    
    .menubar-2018 input.search-field, .purchases-item, .merch-delay-note {
        background-color: /*[[backgroundHoverColor]]*/;
        color: /*[[customColor]]*/;
    }
    .purchases-item {
        border-color: /*[[customColor]]*/;
    }
    
    .fan-bio .share-items a, #dash-container h2, #new-releases-vm .more-releases, #new-releases-vm .less-releases, .salesfeed .section-title, .notable .section-title, .bcdaily .section-title, .curated-shows .section-title, .tags .section-title, .bcdaily .section-title a {
        color: /*[[customColor]]*/ !important;
    }
    
    #stories-vm .story-innards .story-footer {
        border-color: /*[[backgroundHoverColor]]*/;
    }
    #stories-vm .story-innards {
        border-color: /*[[backgroundHoverColor]]*/;
    }
    
    #new-releases-vm .more-releases, #new-releases-vm .less-releases {
        background-color: /*[[backgroundColor]]*/;
    }
    #new-releases-vm .more-releases:hover, #new-releases-vm .less-releases:hover {
        background-color: /*[[backgroundHoverColor]]*/;
    }
    
    #stories h2:before, .new-releases h2:before, .suggested-fans h2:before, #new-releases-vm .more-releases, #new-releases-vm .less-releases {
        border-color: /*[[backgroundHoverColor]]*/;
    }
    
    .collection-item-private-container .private-badge, .pg-ft {
        background-color: /*[[customColor]]*/;
        color: /*[[hoverBoxColor]]*/;
    }
    
    .item-page {
        background: /*[[customColor]]*/;
        border-color: /*[[backgroundHoverColor]]*/;
        color: /*[[fontColor]]*/;
    }
    .item-page.selected {
        color: /*[[hoverBoxColor]]*/;
    }
    .pg-ft-nav .lang-picker {
        background: /*[[hoverColor]]*/;
    }
    
    .discover h2.section-title {
        color: /*[[fontColor]]*/;
    }
    
    .stepper-prev:hover .icon, .stepper-next:hover .icon {
        fill: /*[[customColor]]*/ !important;
    }
    .salesfeed .item-timestamp {
        color: /*[[fontColor]]*/;
    }
}