A dark theme for bandcamp, based off the original work by aricley.
Bandcamp Dark by jasu
Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/176365.user.css
Details
Authorjasu
LicenseGPL-3.0
Categorybandcamp.com
Created
Updated
Size22 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
04/12/23 - Fixed the pop-up music player on personal collection page.
14/11/23 - Following popup.
28/09/23 - Minor Bandcamp Live elements.
31/08/23 - Multiple elements on Bandcamp Daily.
31/01/23 - Updated the About us page and fixed search bar elements.
13/04/21 - Added styling for the new live stream page and elements. Cleaned some old code.
12/03/21 - Changed background of Bandcamp Weekly player.
15/09/20 - Fixed an element on community messages.
26/07/20 - Fixed a couple of elements on the feed page.
12/07/20 - Cleaned the code slightly. Still needs plenty of work. First git commit.
05/06/20 - Fixed some updated elements on the tag hub.
01/05/20 - Updated some elements related to Bandcamp Weekly.
26/04/20 - Fixed some minor elements when browsing tags.
21/04/20 - Minor elements adjusted to fit theme.
09/04/20 - Feed and collection icons on menubar now white.
09/02/20 - Bandcamp logo now white instead of grey.
07/12/19 - Fixed some more Bandcamp Daily Elements.
03/11/19 - Fixed some Wordpress elements. This will mostly affect Bandcamp Daily.
16/10/19 - Initial Release.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Bandcamp Dark
@version 1.13.0
@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/*
@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*/
/*-------------*/
body {
background: #303030;
}
#hub .dig-deeper-item {
background: #FFF0
}
.checkout-order-vm .group,
.order-recap ul li,
.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,
a, .tralbumData {
color: white !important;
}
.shipping-address-pane,
.shipping-address-pane .address-label,
.mixed-cart-title,
.download-titles .download-title strong,
.fan-bio{
color: white;
}
#grid-tabs-sticky.fixed,
#menubar-wrapper.header-rework-2018,
#menubar-wrapper.header-rework-2018 .menubar-outer,
.carousel-player-inner,
.carousel-player .progress-bar,
.menubar-2018,
.pager .pagenum,
.pager .nextprev {
background: #262626;
}
#pgFt,
.carousel-player .progress,
.carousel-player .playpause {
background: #5c5c5c;
}
.carousel-player .queue-icon,
.carousel-player .vol-icon {
fil...