#web-player,
#auth-page {
    background-color: #1e1e26;
}

#auth-page .auth-panel,
app-root .context-menu,
#web-player nav-sidebar,
#web-player player-controls,
#web-player queue-sidebar,
#web-player account-settings .panel,
#web-player fullscreen-overlay.maximized,
#web-player .track-list-header,
#web-player .more-button,
#web-player lyrics-modal .modal-content,
#web-player .follow-button,
#web-player artist .dark-button,
#web-player artist .bio-text,
#web-player artist .similar-artist,
#web-player queue-sidebar .queue-item,
#web-player .media-grid-item .footer,
#web-player user-library .nav,
#web-player filterable-page-header .filter-bar input,
#web-player search .search-input-container input {
    background-color: #2a2a35;
}

#auth-page input, #auth-page select,
#web-player::-webkit-scrollbar-thumb,
lyrics-modal::-webkit-scrollbar-thumb,
app-root context-menu-playlist-panel::-webkit-scrollbar-thumb,
app-root .context-menu .panel-body .menu-item:hover,
#web-player .more-button:hover,
#web-player track-list .popularity-track,
#web-player playback-control-button,
#web-player .follow-button:hover,
#web-player artist .dark-button:hover,
#web-player artist .similar-artist:hover,
#web-player nav-sidebar .search-bar-container input,
#web-player track-list .popularity-track {
    background-color: #353543;
}

#web-player .media-grid-item playback-control-button {
    background-color: transparent;
}

#web-player player-seekbar .inner-track,
#web-player volume-controls .inner-track {
    background-color: #414151;
}

#web-player volume-controls .progress-track {
    background-color: #7b7b96;
}

/**
 TEXT COLORS
 */
#web-player radio-page .radio-type,
#web-player user-profile-page .followers,
#web-player search-slideout-panel .result-type,
#web-player search-slideout-panel .secondary,
#web-player track-list,
app-root .context-menu .panel-body .title,
#web-player mobile-player-controls .artist-name,
#web-player mobile-player-controls .nav,
#web-player search .header .link,
#web-player nav-sidebar .artist-name,
app-root .context-menu .secondary-name,
#web-player .secondary-text,
#web-player artist .release-date,
#web-player account-settings .info,
#web-player filterable-page-header .title,
#web-player filterable-page-header svg-icon,
#web-player queue-sidebar .artist-name,
#web-player user-library .nav,
#web-player library-playlists .tracks-count,
#web-player library-playlists .options-button {
    color: #898B8C;
}

#web-player track-list .popularity-track-inner {
    background-color: #898B8C;
}

#web-player,
#auth-page,
lyrics-modal .modal-content,
app-root .context-menu,
#web-player player-controls button:hover,
#web-player player-controls .lyrics,
#web-player player-controls .player-action,
#web-player player-seekbar .elapsed-time,
#web-player player-seekbar .track-length,
#web-player player-seekbar .lyrics {
    color: #C2C2CA;
}

#web-player playback-control-button,
#web-player .progress-handle,
#web-player main-playback-buttons,
#web-player fullscreen-overlay .previous,
#web-player fullscreen-overlay .next,
#web-player fullscreen-overlay .track-name,
app-root context-menu-playlist-panel .panel-header:hover,
app-root context-menu-playlist-panel .new-playlist:hover,
app-root context-menu-playlist-panel .playlist:hover,
#web-player mobile-player-controls,
#web-player mobile-player-controls .nav-item.active,
#web-player .main-button button,
#web-player user-profile-page .meta,
#web-player .nav-links .active,
#web-player artist .artist-name,
#web-player popular-genres .name,
#web-player player-controls,
#web-player queue-sidebar .active {
    color: #fff;
}

#web-player main-playback-buttons .spinner {
    border-color: #fff;
}

#web-player playing-indicator .one,
#web-player playing-indicator .two,
#web-player playing-indicator .three {
    background-color: #fff;
}

/**
 BORDER COLORS
 */

#auth-page .auth-panel input,
#web-player connect-social-accounts-panel .social-login-row,
#web-player .track-list-row,
app-root context-menu-playlist-panel .panel-header,
app-root context-menu-playlist-panel .new-playlist,
#web-player .nav,
#web-player search .tab-nav,
#web-player search .header,
#web-player search .search-input-container input:active,
#web-player search .search-input-container input:focus,
#web-player .nav-links,
#web-player user-profile-page .follower-row,
#web-player account-settings .panel,
app-root .context-menu .header,
#web-player artist .dark-button,
#web-player artist .albums-section-header,
#web-player queue-sidebar,
#web-player filterable-page-header.margin {
    border-color: rgba(255,255,255,0.05);
}

#web-player nav-sidebar .separator {
    background-color: rgba(255,255,255,0.05);
}

#web-player .more-button,
#web-player .follow-button,
#web-player nav-sidebar .current-track,
#web-player nav-sidebar .search-input-container input:active,
#web-player nav-sidebar .search-input-container input:focus {
    border-color: rgba(255,255,255,0.1);
}

/**
 ACCENT COLOR
 */
#auth-page .button.primary,
app-root .context-menu .panel-body .menu-item:hover,
#web-player main-playback-buttons .spinner,
#web-player .main-buttons .play-button,
#web-player search .tab-nav-item.active,
#web-player .button.primary,
#modal .button.primary,
#web-player artist .nav-link.active,
#web-player upload-file-modal .active,
#web-player user-profile-page .nav-link.active,
#web-player nav-sidebar a.active,
#web-player search .tab-nav-item.active
{
    border-color: #91d8f0;
}

#auth-page .button.primary,
#auth-page .pretty-checkbox:checked+label:before,
.modal .pretty-checkbox:checked+label:before,
#auth-page loading-indicator .spinner > div,
#web-player .button.primary,
.modal .button.primary,
#web-player .pretty-checkbox:checked + label:before,
#web-player .main-buttons .play-button,
#web-player user-profile-page .meta button,
#web-player queue-sidebar .active,
#web-player player-seekbar .progress-track,
#web-player loading-indicator .spinner > div
{
    background-color: #91d8f0;
}

#auth-page a,
#web-player fullscreen-overlay .remove-button,
#web-player track-list .playing,
#web-player track-list .playing .track-name,
#web-player upload-file-modal .active,
#web-player nav-sidebar .check-icon,
#web-player player-controls .player-action.active,
#web-player repeat-button.active,
#web-player artist .albums-section-header .active
{
    color: #91d8f0;
}