Bandlab Dark by Miniontoby

/* ==UserStyle==
@name           Bandlab Dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Bandlab Darkmode since it doesn't have one (yet)
@author         Miniontoby
==/UserStyle== */

@-moz-document domain("bandlab.com") {
	:root {
		--color-bg-level-1: #244;
		--color-bg-hover-level: #355;
		--dominant-color-text: #fff;
		--dominant-color-background: #114;
		
		--color-bg-hover-level-1: #008;
		
		--accordion-segment-background-color: var(--color-bg-level-1);
		--alert-common-background-color: #555;
		--button-secondary-background-color: var(--color-bg-level-1);
		--button-secondary-text-color: #eee;
		--button-secondary-hover-background-color: var(--color-bg-hover-level);
		--color-text-icon-primary: var(--dominant-color-text);
		--color-text-icon-secondary: #999;
		--dropdown-menu-background-color: #666;
		--dropdown-menu-text-color: var(--dominant-color-text);
		--dropdown-menu-hover-background-color: #444;
		--field-radio-group-background-color: #666;
		--input-text-enabled-background-color: #333;
		--modal-background: #224;
		--modal-color: var(--dominant-color-text);
		--modal-button-dark-background: #669;
		--modal-input-background-color: var(--color-bg-level-1);
		--mix-editor-text-color: var(--dominant-color-text);
		--mix-editor-collaborators-bubble-color: #222;
		--mix-editor-sidetab-bg-color: #222;
		--profile-tile-hover-background-color: var(--color-bg-hover-level-1);
		--search-form-input-background-color: #004;
		--search-form-input-color: var(--dominant-color-text);
		--segmented-control-background-color: var(--color-bg-level-1);
		--mix-editor-collaborators-link-background: var(--color-bg-level-1);
		--scd-background-normal: #004;
		--scd-background-hover: var(--color-bg-hover-level-1);
		--color-text-icon-secondary-hover: var(--dominant-color-text);
		--button-background: #224;
		--button-hover-background: #446;
	}
	.boost-insights-modal-stats-container, .boosted-user-card, .shared-preset-attachment, .shared-preset-modal, .state-dashboard-overview {
		--color-bg-level-2: var(--color-bg-level-1);
		--boosted-user-card-text-color: var(--dominant-color-text);
	}
	revision-tile, .revision-page-header {
		--dominant-color-text: white !important;
	}
	.mastering-button-hover {
		--button-background: #224;
		--button-hover-background: #446;
	}
	body, .title-bar, .page-header-sticky, .page-header-sticky-tab-nav, .library-tab-nav, .profile-card-header, .button-default, .song-starter-idea-button.selected, .studio-sounds-library-button.active, .studio-sounds-library-button.active:hover, .templates-search-tag.selected, .user-tile-small-card .button-scd, .user-tile-small-card .features-tutorials-see-all-button, .bg-gray, .mastering-result-toggle, .project-history-current, .popover-content {
		background-color: var(--dominant-color-background, #114);
		color: var(--dominant-color-text);
	}
	.user-nav-card, .post-card-link-preview, .post-create-caption, .comment-textarea, .explore-genre-pill, .explore-section-creator-connect-link, .side-nav-item.active, .library-aside-card, #show .comment-card, #show .css-grid-chat, #show .comment-card-form, .post-card-bandlab-attachment-new, .global-player, .bandlab-promote-pill, .pill.pill, .complete-profile-earn-card, .boost-settings-info, .subscriptions-setting, .creator-connect-video-content, .field-switch-background, .field-radio-cells-group, .reverbnation-artist-services, #show .counters-block, .mentions-suggestions, .button-scd, .privacy-banner, .modal-checkout, .post-card-bandlab-attachment, .user-tile-small-card, .complete-profile-card, revision-tile, .auth, .conversation-partner, .conversation-tile, .dropdown-conversations .conversation-tile, .settings-inline-option, .careers-department-div, .careers-job-search-item, .careers-job-search-filter-pill, .careers-search-employment-type, .mastering-preview-try, .mastering-result-background, .project-history, .ds-layer-2, .loops-library-main, .featured-track-card, .slick-next, .slick-prev{
		background-color: var(--color-bg-level-1, #244) !important;
		color: var(--dominant-color-text) !important;
	}
	.active.modal-tab-nav-item, .modal-tab-nav-item:hover, .tab-nav-item.active, .tab-nav-item:hover, .comment-content, .conversation-message-body, .revision-description.revision-description, .user-content-area, .user-nav-card-counter span, .button, button, .user-settings-header h1, .user-settings-header p>a:not(.text-prm), .user-settings-inline-field-description strong, .explore-section-body .explore-card-title, .careers-search-p, .featured-artists-card.card-2.boosted, .featured-artists-card.card-2.boosted .featured-artist-talents {
		color: var(--dominant-color-text);
	}
	.slick-next:hover, .slick-prev:hover, .explore-section-creator-connect-link:hover:not(:disabled) {
		background-color: var(--color-bg-hover-level) !important;
	}
	#show .modal-content,#show .ended-show-info-show-name, #show .ended-show-zero-case, #show .live-show-container, .conversation-contacts {
		background-color: var(--modal-background);
		color: var(--modal-color);
	}
	
	.global-player .alert-close-button svg path, .global-player .alert-close-button svg rect, .global-player .button-transparent svg path, .global-player .button-transparent svg rect, .global-player .studio-sounds-library-button svg path, .global-player .studio-sounds-library-button svg rect, svg.top-bar-icon.top-bar-icon-inactive > path, button > svg > path{
		fill: #fff;
	}
	
	.notification {
		background-color: var(--alert-common-background-color);
	}
	
	.bg-white, .cakewalk-section-content-white-background {
		background-color: black;
	}
	
	.top-bar-logotype-dark {
		background-color: white;
		border-radius: 4px;
		padding: 1px;
	}
	
	.select-date-picker select, .field-radio-cells-group input[type=radio]:checked+label {
		background-color: var(--input-text-enabled-background-color);
	}
	
	#fullscreen > div.controls > div.right-side-panel > div.right-side-panel-group > div > button > svg.hd-label > path:nth-child(1) {
    	fill: #E2210E;
	}
	
	#show .info-card {
		border-bottom: 2px solid grey;
	}
	
	.overview-stat-card.followers:before, .overview-stat-card.plays:before {
		background-image: unset;
	}
	
	#show .comment-textarea, .search-form-input.search-form-input, .careers-search-input, .careers-search-employment-type {
		filter: brightness(1.3);
	}
	
	.careers-department-div:hover, .careers-job-search-item:hover {
		background-color: var(--color-bg-hover-level-1) !important;
	}
	
	.conversation-message-author-name i {
		color: #aeaeae;
	}
}