Bandcamp Dark

Greasy Fork is available in English.
Dark theme for Bandcamp
目前为 2020-11-11 提交的版本。查看最新版本。
换行
/* ==UserStyle==
@name           Bandcamp Dark
@version        1.8.3
@description    Dark theme for Bandcamp
@author         jasu
@license        GPL-3.0
@namespace      https://github.com/jasuthemes/userstyles/tree/master/BandcampDark
@grant          GM_addStyle
@run-at         document-start
@include        http://bandcamp.com/*
@include        https://bandcamp.com/*
==/UserStyle== */


@-moz-document domain("bandcamp.com") {
    
/*------------------------*/
/*Original code by aricley*/
/*------------------------*/

#collection-container.collection-container,
.home {
    background: #000 !important;
}

span,
.area_text,
.sort_controls,
.text {
    color: white !important;
}

#pgBd.yui-skin-sam,
.collection-item-details-container,
#dlg0_h.hd,
.blogunit-details-section,
#propOpenWrapper {
    background: #262626 !important;
}

.collection-item-artist,
h1 {
    color: #949494 !important;
}

.collection-item-title,
h2,
.message,
.track_number.secondaryText {
    color: #FFF !important;
}

h3 {
    color: #FFED80 !important;
}

a,
.tralbumData.tralbum-credits {
    color: #949494 !important;
}

li,
.tralbumData.tralbum-about,
#license.info,
.tralbumData.tralbum-feed {
    color: #806300 !important;
}

button.sc-button.sc-button-small.sc-button-responsive.sc-button-addtoset {
    color: black !important;
}

.collection-item-gallery-container,
#fan-suggestions.dotted-section.mine,
.collection-stats.dotted-section.mine,
.bcweekly-bd {
    background: #222222 !important;
}

p {
    color: #888888 !important;
}

.sound__soundActions {
    background: transparent !important;
}

button.sc-button.sc-button-small.sc-button-responsive.sc-button-addtoset {
    color: #111111 !important;
}

.ft.fakeFt {
    background: #555555 !important;
}

.bd.footerless {
    background: #999999 !important;
}

.walkthrough ol {
    background-color: #373737;
}

.walkthrough .button {
    background: #262626;
    border: #262626;
}

.fan-banner.empty.owner {
    background-color: #373737;
}

.menubar {
    background-color: #000;
    border-bottom: dotted #000 1px;
}

#menubar-wrapper {
    background-color: #000;
    border-bottom: dotted #000 1px;
}

.fan-bio .edit-profile a {
    border: 1px solid #373737;
    border-radius: 5px;
    outline: none;
    background: #373737;
    color: #828282;
    font-weight: 500;
    padding: 5px 9px;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    display: inline-block;
}

.menubar input#search-field {
    margin: 0;
    height: 21px;
    line-height: 21px;
    width: 222px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #fff;
    font-size: 13px;
    padding: 0 21px 0 3px;
    -webkit-user-select: text;
    text-align: center;
    background-color: #282828;
    border: 1px solid #282828;
    outline: none;
    border-radius: 3px;
}

.menubar input#search-field.focused {
    background-color: #282828;
    border: 1px solid #282828;
}

.grids {
    color: #fff;
    margin: 0 0 100px 0;
}

.recommendations-container {
    background-color: #373737;
    border-top: dotted #373737 1px;
}

.fan-container .top.editing {
    border-bottom: 1px solid #2a2a2a;
    background-color: rgb(25, 25, 25);
}

.ui-dialog.nu-dialog .ui-dialog-titlebar {
    padding: 15px 20px 12px;
    background-color: #282828;
    border-bottom: 1px solid #282828;
}

.ui-widget-content {
    border: 1px solid #373;
    background: #373737;
}

.notable,
.bcdaily,
.email-intake,
.discover,
.app-promo-desktop {
    background-color: #262626;
}

.bcdaily .bcdaily-story {
    min-height: 280px;
    background: #373737;
}

.notable-item {
    background-color: #373737;
}

.item-page {
    background: #373737;
    border: 1px solid #373737;
}

.follow-fan-btn {
    background-color: #373737;
    border: 1px solid #373737;
}

.spotlight-name,
.spotlight-location,
.spotlight-button,
.spotlight-bio,
.spotlight-link {
    color: #fff;
}

.aotd-large {
    background: #373737;
}

.factoid-title {
    color: #46C5D5;
}

#autocomplete-results.autocompleted {
    background: #262626;
    border: 1px solid #262626;
    color: white;
}

.searchwidget.keyboard-focus input[type=text]:focus {
    background: #262626;
    box-shadow: 0 0;
}

.hd {
    background-color: #262626;
}

.discover-detail-inner {
    background-color: #373737;
}

body.wordpress {
    background: #262626;
}

.wordpress .sidebar .textwidget {
    color: #fff;
}

.wordpress h1 a {
    display: block;
    height: 60px;
    background-size: 242px 28px;
    background-position: 24.6% 50%;
}

p {
    color: #ffffff !important;
}

.wordpress #content {
    color: #ffffff;
}

#dash-container .follow-fan,
#dash-container .follow-band,
#dash-container .follow-discover {
    border: 1px solid #373737;
    background: linear-gradient(to bottom, #373737 0%, #373737 100%);
}

html {
    background: #1E1E1E !important;
}

#stories-vm .story-innards {
    background-color: #373737;
}

.pane {
    color: #c7c7c7;
}

#settings-menubar {
    border-right: 1px solid #383838;
}

#settings-menubar li {
    border-left: 1px solid #383838;
    border-bottom: 1px solid #383838;
    border-top: 1px solid #383838;
}

.share_dialog.ui-dialog .ui-dialog-content {
    background-color: #262626;
}

.share_dialog .section_head {
    color: #fff;
}

.buy-dlg {
    color: #ffffff;
}

.menubar > ul > li .logo {
    background: url('https://www.dropbox.com/s/8s7km8r329l7qy7/bandcamp-logo-gray.png?dl=1') 0 0 no-repeat;
    background-size: contain;
    height: 20px;
    margin-top: 15px;
    width: 85px;
}

.hd-logo {
    background: transparent url('https://www.dropbox.com/s/8s7km8r329l7qy7/bandcamp-logo-gray.png?dl=1') no-repeat;
background-size: 100%;
    margin-top: 24px;
    height: 25px;
    width: 156px;
}

.wordpress h1 a {
display: block;
    text-indent: -999em;
    background: url('https://www.dropbox.com/s/mx80o2eenp43l0o/bandcamp-daily-retina-dark-theme.png?dl=1') no-repeat;
    height: 25px;
    background-size: 200px 24px;
    background-position: 24.6% 50%;
}

.wordpress .sidebarlogo {
	background: url(https://s4.bcbits.com/img/logo-gray.svg) no-repeat ;
	background-size: 100%;
}

#pgBd {
    color: #fff;
}

.download-bottom-area {
    border-top: none;
    background: none;
}

.download .formats-container {
    border: 1px solid #373737;
    background-color: #373737;
}

.download .formats {
    list-style: none;
    color: #666;
    padding: 0;
    background-color: #373737;
    width: 170px;
    z-index: 2;
    cursor: default;
}

.download .formats li:hover {
    background-color: #262626;
}

::-webkit-scrollbar,
::-webkit-scrollbar-corner {
    background: #000;
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-thumb {
    background: #333;
}

::-webkit-scrollbar-thumb:not(:active):hover {
    background: #383838;
}

::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover:active {
    background: #5c5c5c;
}



/*-------------*/
/*Added by jasu*/
/*-------------*/



#hub .dig-deeper-item {
   background: #FFF0
}

.themed .label-band-selector .bands-menu, .themed .label-band-selector .bands-menu .menu-artistpic {
	background: #262626;
}

.content {
    background-color: #262626;
}

#sidecart {
	background: #262626;
    color: #949494;
}

.tralbumData.tralbum-credits {
	color: white !important;
}

.checkout-order-vm .group {
	background: #262626;
}

.order-recap ul li {
	background: #262626;
}

.shipping-address-pane {
	color: white;
}

.shipping-address-pane .address-label {
	color: white;
}

.mixed-cart-title {
	color: white;
}

.download-titles .download-title strong {
	color: white;
}

.fan-bio {
	color: white;
}

#grid-tabs-sticky.fixed {
	background: #262626;
}

.carousel-player-inner {
    background: #262626;
}

.carousel-player .progress-bar {
    background: #262626;
}

.carousel-player .progress {
    background: #5c5c5c;
}

.carousel-player .queue-icon, .carousel-player .vol-icon {
	fill: white;
}

.carousel-player .playpause .play {
	border-left: 15px solid white;
}

.carousel-player .playpause .pause {
	border-left: 5px solid white;
	border-right: 5px solid white;
}

.carousel-player .playpause {
	border: 1px solid #5c5c5c;
}

a, .tralbumData {
	color: white !important;
}

#pgFt {
	background-color: #5c5c5c;
}

.menubar-2018 .user-menu {
	background-color: #5c5c5c;
	border: #5c5c5c 1px solid;
}

.menubar-2018 .user-menu .user-menu-wrapper {
	overflow-y: hidden;
}

#menubar-wrapper.header-rework-2018, .menubar-2018 {
	background-color: #262626;
}

#menubar-wrapper.header-rework-2018 .menubar-outer {
    background-color: #262626;
}

.pager .pagenum {
	background-color: #262626;
}

.pager .nextprev {
	background-color: #262626;
}


/* 03/11/19 */

.wordpress .aod-embed {
	background-color: #262626;
}

#artist, #album {
	color: #fff;
}

#nonartarea {
	background-color: #262626;
}

.wordpress #comments {
	background: #262626;
}

.sidebar li {
	background: #262626;
}

.wordpress #header {
	background-color: #262626;
}

.wordpress #footer {
	background: #262626;
}

.has-rec-footer #pgFt {
	background-color: #262626;
}

#band-navbar {
	background: #262626;
}

.back-to-label-link {
	background-color: #303030;
}

.story-innards .story-footer {
	background-color: #303030;
	border-top: 1px solid #fff0;
}

a.custom-color, .custom-link-color, #trackInfo a:not(.notSkinnable), #trackInfo .buy-link, #tagArea a, #rightColumn a, #name-section a, #indexpage a, .editable-grid a, .featured-grid a, #band-navbar a, #merch-item p a, #merch-item .buy a, #merch-item .buy button, #merch-item .more-merch a, .share-collect-controls a, .share-collect-controls button, .follow-unfollow, .follow-unfollow , .collected-by a, .subscribe a, .sub a, .video-list a, .sub .main a, .subwelcome a, .artists-grid-name a, .featured-grid-name, .label-welcome .buttons a.new, .themed .label-band-selector a.themeable, .tralbum-tags a {
	color: #fff;
}

.item .info {
	background: #303030;
}

.hub-component:nth-child(2n) {
	background: #262626;
}

.salesfeed .item-inner:hover {
    background: #5c5c5c;
}

.dig-deeper .filters-bar.fixed {
	background: #262626;
}

ol.tabs.fixed {
	background: #262626;
}

.purchases-item {
	background-color: #262626;
}

#settings-menubar li.active {
	background: #262626;
	border-left: 2px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
}

#settings-menubar li.highlighted, #settings-menubar li.highlighted.active {
    background: #303030;
}

.rounded-gutter, .card-pane {
	background: #262626;
    color: #fff;
}


/* 09/11/19 */

.follow-unfollow, .follow-unfollow-inactive {
	background: #262626;
}

.nu-dialog .ui-widget-content {
	color: white;
}


/* 07/12/19 */

#s-daily, #s-daily input {
	background: #262626;
}

dailyfooter {
	background: #262626;
}

.footer-gradient {
	background: #262626;
}

article > article-title {
	color: #fff;
}

dailyfooter h2 {
	-webkit-text-stroke: 0;
}

.section-header .outline-text {
	-webkit-text-stroke: 0;
}

a.pagination-link {
	-webkit-text-stroke: 0;
}

a.pagination-link .back-text {
	left: 0px;
	top: 0px;
	-webkit-text-stroke: 0;
}


/* 09/02/20 */

/* Bandcamp logo in white */
#b, #an, #d, #c, #am, #p {
    fill: #fff;
}


/* 09/04/20 */

/* Feed and collection icons on menubar now white */
.menubar-2018 .svg-icon {
	fill: #FFFFFF;
}

.menubar-2018 li.hoverable:hover {
    background: rgba(225,225,225,0.1);
}


/* 26/04/20 */

/* Background of element in tag browsing that I missed */
.hub-component:nth-child(2n) .item .info {
	background: #303030;
}

/* Background of follow button in tag browsing that I missed */
.fan-reviews .follow-fan a {
	background: #303030;
}

/* "View more items" now white */
.dig-deeper .view-more {
	border: 1px solid #FFF;
	color: #FFF;
}


/* 01/05/20 */

/* Menubar dropdown background on hover */
.menubar-2018 .submenu-item a:hover {
    background: #303030;
}

/* Bottom of "album of the day" */
.moreingenre {
    color: #fff;
}

/* "Features" sub-heading within bandcamp daily */
.franchise-description {
    color: #fff;
}

/*  Bandcamp weekly player */
.bcweekly-tracks {
    background: #222222;
}

/* Lower element */
.bcweekly.expanded ~ .bcweekly-info .bcweekly-player .bcweekly-player-fade {
	background: rgba(255, 255, 255, 0) !important;
}

/* More elements on player */
.bcweekly.expanded ~ .bcweekly-info .bcweekly-player > .col + .col, .bcweekly.busy ~ .bcweekly-info .bcweekly-player > .col + .col {
	background-color: #303030;
}

/* Play position bar */
.bcweekly-player .scrubber, .bcweekly-player .scrubber-buffer, .bcweekly-player .scrubber-time {
    background: #262626;
    color: #fff;
}

/* Scrubber */
.bcweekly-player .scrubber-thumb {
    background: #5c5c5c;
}


/* 05/06/20 */

/* Featured panel background on tag hub */
#hub .hub-component:nth-child(2n) {
	background: #262626;
}

/* Inidual backgrounds on tag hub */
#hub .item .info {
	background: #303030;
}

/* Fan follow button background on tag hub*/
#hub .fan-reviews .follow-fan a {
	background: #303030;
}
    
    
/* 26/07/20 */

/* Show more/less releases from followed artists on feed */
#new-releases-vm .more-releases, #new-releases-vm .less-releases {
        background-color: #262626;
}

#new-releases-vm .more-releases:hover, #new-releases-vm .less-releases:hover {
        background-color: #303030;
}

/* tags background on feed */
#stories-vm .story-innards .story-footer {
        background-color: #303030;
}
    
    
/* 15/09/20 */
    
/* Community messages background */
.community-feed .story .lock-banner, .community-feed .story .main-section, .community-feed .story > .actions {
        background: #262626;
}
}