Dark mode not completely dark to prevent Bandlab PC from bombarding your eyes with all the whites.
bandlab neon dark mode by mme_csay
Details
Authormme_csay
LicenseNo License
Categorywww.bandlab.com/
Created
Updated
Size4.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name bandlab neon dark mode
@version 20241017.16.34
@namespace https://userstyles.world/user/mme_csay
@description Dark mode not completely dark to prevent Bandlab PC from bombarding your eyes with all the whites.
@author mme_csay
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.bandlab.com/") {
body{
color:inherit;
}
a{
color:#caca9d;
}
:root {
--bandlab-logotype-type-color: #ffffff;
--user-content-area-text-color: #d6d6d6;
--ds-color-surface-inactive-screen: #25060f;/*sticky neon*/
--ds-tile-neutral-transparent-icon-color: #779dd0;
--ds-color-glyphs-secondary: rgb(54 117 219 / 64%);
--ds-color-surface-inactive-neutral: #383a3d;
--tab-nav-item-current-item-text-color: #9e9e9e;
--ds-button-disabled-background-color: rgb(64 102 128 / 43%);
--select-option-background-color:#272727;
--logo-for-light-mode-display:none;
--logo-for-dark-mode-display:block;
--gold-bg:#61461b;
--gold-in:#d09f77;
}
.revision-tile-footer-forks,.revision-player-area-duration{
text-shadow: #000 0px 1px 2px, #868686 0px -1px 1px,#aaa -1px -1px 0;
}
post-card .post-card,.post-card-bandlab-attachment-new{
padding:0 10px;
border-radius:18px;
}
.feed-create-post.page-header-sticky{
top:calc(var(--top-bar-current-height));
transition: all ease .2s;
}
.feed-create-post.page-header-sticky:hover{
top: calc(var(--top-bar-current-height) + 16px);
transition: all ease .2s;
}
.top-bar-menu{
background-color:#27190f;
}
body,.view-main,post-card .post-card,.post-card-bandlab-attachment-new{
background-color:#181818;
}
.hide-for-xlarge-down{
color:var(--gold-in);
}
.tab-nav-item{
color:#535353;
}
.top-bar-item-notifications>.button-svg-32,.top-bar-nav-buttons>.button-rounded{
background-color:#474747;
}
.top-bar-menu-item-title{
color:var(--user-content-area-text-color);
}
.conversation-tile{
background-color:#3e3e34;
}
.floating-conversation>.dropdown-menu{
background-color:#072d24;
}
.title-bar,.user-achievements,.user-social-card-link{
background: #353535ed;
backdrop-filter: blur(10px);
}
.conversation-message-body, .ended-show-info-description, .live-message-body{
background-color: #191547;
}
.top-popular-tracks {
background-color:transparent;
}
.page-header-sticky,.page-header-sticky-tab-nav{
border-radius:0 0 10px 10px;
}
.page-header-sticky-tab-nav{
background-color: #251f6d;
}
.profile-tile-small{
margin:0px;
}
.tab-with-dropdown{
padding-left:20px;
}
.feed-column-right-page-header{
border-radius:13px;
padding-bottom:25px;
padding-top:10px;
}
.revision-page-player-private-tag{
background-color:#4c0b0b;
}
.revision-page-player-private-tag span,.revision-page-player-private-tag svg{
color:#d62121
}
.track-page-player-title-name,time ,.track-page-player-subtitle span,.revision-player-counter>span,.revision-player-counter>svg,.ds-button>span,.ds-button>svg{
color:var(--user-content-area-text-color);
}
.button-scd>svg,.button-scd>span,.floating-conversation-header-button,.site-footer-terms-links>a{
color:#ccc;
}
.button-scd:hover .button-scd>svg,.button-scd:hover .button-scd>span{
color:#fff;
}
.comment-like-button{
color:#ccc;
}
.core-11-ds-button{
--ds-button-disabled-background-color: rgb(64 102 128 / 43%);
}
.top-bar-nav-buttons>a.active,.side-nav-item.active,.top-bar-products-button.active,.popover-content,.profile-views-container,.profile-card-actions .button-scd,.top-bar-item-notifications>a:not(.top-bar-products-button).active,.dropdown-menu>ul>li,.modal-header-revision{
background-color: var(--gold-bg);
}
.popover.above:after, .popover.above:before {
border-top-color: var(--gold-bg);
}
.top-bar-icon-active>path{
fill:var(--gold-in);
}
.top-bar-menu-item:hover,.side-nav-item:hover,.conversation-tile:hover,.reactions-preview-tooltip{
background-color: var(--gold-bg);
color:#edc09c;
}
.reactions-preview-tooltip-item:hover,.ds-modal{
background-color: #8e6729;
}
.profile-tile-bg-on-hover:hover{
background-color: var(--gold-bg);
}
.profile-card-actions .button-scd:hover,.ds-button:not(:disabled,[aria-disabled=true]):hover,.modal{
background-color: #d0b577;
}
.profile-card-actions .button-scd:hover >svg,.modal-content-small,.comment-textarea{
color:#2a2a2a;
}
.top-bar-products-menu-item:hover .top-bar-menu-item-title{
color:#131d2c;
}
.comment-more-link,.comment-more-link:hover {
color: #835959;
transition: all ease .12s;
}
.comment-more-link:hover{
text-shadow:#636363 0 0 2px;
}
}