html.theme-dark body {
    background: #121212;
    color: #FAFAFA;
}

html.theme-dark .sidebar {
    background: #121212;
    border-right-color: #333333;
}

html.theme-dark .logo-text,
html.theme-dark .header-left h2,
html.theme-dark .section h3,
html.theme-dark .bottom-track-name,
html.theme-dark .playlist-name,
html.theme-dark .card-title,
html.theme-dark .chart-item .playlist-name,
html.theme-dark .chart-item .playlist-artist,
html.theme-dark .chart-item .playlist-time,
html.theme-dark .np-queue-dur,
html.theme-dark .modal-header h2,
html.theme-dark .settings-item span,
html.theme-dark .question-header span,
html.theme-dark .profile-menu-item,
html.theme-dark .profile-add-track,
html.theme-dark .np-title,
html.theme-dark .modal-field label,
html.theme-dark .favorite-link.is-active h3,
html.theme-dark .favorite-link:hover h3 {
    color: #FAFAFA;
}

html.theme-dark .main-content {
    background: #121212;
}

html.theme-dark .nav-item {
    color: #FAFAFA;
}

html.theme-dark .nav-item:hover {
    background: #2a2a2a;
    color: #FAFAFA;
}

html.theme-dark .nav-item.active {
    background: #FAFAFA;
    color: #1F1F1F;
}

html.theme-dark .favorite-link h3 {
    color: #9C9C9C;
}

html.theme-dark .sidebar-user {
    color: #9C9C9C;
}

html.theme-dark .music-card {
    background: #1a1a1a;
    border-color: #333333;
}

html.theme-dark .music-card:hover {
    background: #2a2a2a;
}

html.theme-dark .card-artist,
html.theme-dark .bottom-track-artist,
html.theme-dark .playlist-artist,
html.theme-dark .playlist-meta,
html.theme-dark .bottom-time,
html.theme-dark .card-row .empty,
html.theme-dark .opportunities-desc,
html.theme-dark .question-body p {
    color: #9C9C9C;
}

html.theme-dark .bottom-player {
    background: #1a1a1a;
    border-top-color: #333333;
}

html.theme-dark .bottom-btn.play-btn {
    background: #2a2a2a;
    border-color: #444444;
}

html.theme-dark .bottom-btn.play-btn:hover {
    background: #333333;
}

html.theme-dark .bottom-progress-bar {
    background: #333333;
}

html.theme-dark .bottom-progress-fill {
    background: #FAFAFA;
}

html.theme-dark .profile-btn,
html.theme-dark .menu-toggle {
    background: #2a2a2a;
    color: #FAFAFA;
}

html.theme-dark .profile-btn:hover,
html.theme-dark .menu-toggle:hover {
    background: #333333;
}

html.theme-dark .profile-btn img,
html.theme-dark .modal-back img,
html.theme-dark .profile-menu-item img,
html.theme-dark .settings-item.clickable img {
    filter: invert(1);
}

html.theme-dark .modal-overlay {
    background: rgba(0, 0, 0, 0.72);
}

html.theme-dark .modal {
    background: #1a1a1a;
    color: #FAFAFA;
}

html.theme-dark .modal-header {
    border-bottom-color: #333333;
}

html.theme-dark .modal-close {
    color: #9C9C9C;
}

html.theme-dark .modal-close:hover {
    color: #FAFAFA;
}

html.theme-dark .modal-field input,
html.theme-dark .modal-field textarea,
html.theme-dark .search-input {
    background: #252525;
    border-color: #444444;
    color: #FAFAFA;
}

html.theme-dark .modal-field input:focus,
html.theme-dark .modal-field textarea:focus,
html.theme-dark .search-input:focus {
    border-color: #FAFAFA;
}

html.theme-dark .modal-login-data .input-readonly,
html.theme-dark .modal-login-data .input-readonly:focus,
html.theme-dark .modal-login-data .input-readonly:active {
    background: #252525;
    border-color: #444444;
    color: #FAFAFA;
}

html.theme-dark .settings-item,
html.theme-dark .question-item {
    background: #1a1a1a;
    border-color: #333333;
}

html.theme-dark .settings-item.clickable:hover:not(.menu-item-disabled),
html.theme-dark .question-header:hover {
    background: #252525;
}

html.theme-dark .settings-logout {
    background: #252525;
    border-color: #444444;
    color: #FAFAFA;
}

html.theme-dark .settings-logout:hover {
    background: #333333;
}

html.theme-dark .profile-free {
    border-color: #FAFAFA;
}

html.theme-dark .profile-menu-item:hover:not(.menu-item-disabled) {
    background: #252525;
}

html.theme-dark .profile-add-track {
    border-color: #555555;
}

html.theme-dark .profile-add-track:hover:not(.menu-item-disabled) {
    background: #252525;
    border-color: #FAFAFA;
}

html.theme-dark .profile-logout {
    border-color: #F52929;
    color: #F52929;
}

html.theme-dark .profile-logout:hover {
    background: rgba(245, 41, 41, 0.12);
    border-color: #FF5A5A;
    color: #FF5A5A;
}

html.theme-dark .playlist-menu {
    background: #1a1a1a;
    border-color: #333333;
}

html.theme-dark .playlist-menu button {
    color: #FAFAFA;
}

html.theme-dark .playlist-menu button:hover {
    background: #252525;
}

html.theme-dark .playlist-menu-btn,
html.theme-dark .playlist-detail-name {
    color: #FAFAFA;
}

html.theme-dark .playlist-add-tracks-btn,
html.theme-dark .playlist-picker-add {
    background: #252525;
    border-color: #444444;
    color: #FAFAFA;
}

html.theme-dark .playlist-picker-add.in-list {
    background: #FAFAFA;
    color: #1F1F1F;
    border-color: #FAFAFA;
}

html.theme-dark .playlist-cover-picker {
    background: #252525;
    border-color: #555555;
}

html.theme-dark .playlist-meta-link:hover {
    color: #FAFAFA;
}

html.theme-dark .chart-item.active {
    background: #2a2a2a;
}

html.theme-dark .now-playing-overlay {
    background: #121212;
    color: #FAFAFA;
}

html.theme-dark .np-header {
    border-bottom-color: #333333;
}

html.theme-dark .np-close {
    color: #FAFAFA;
}

html.theme-dark .np-queue-title {
    border-bottom-color: #333333;
}

html.theme-dark .np-queue-item:hover {
    background: #252525;
}

html.theme-dark .np-queue-item.active {
    background: #2a2a2a;
}

html.theme-dark .now-playing-queue {
    border-left-color: #333333;
    background: #1a1a1a;
}

html.theme-dark .loading,
html.theme-dark .empty {
    color: #9C9C9C;
}

html.theme-dark .switch input:checked + .slider {
    background: #FAFAFA;
}

html.theme-dark .switch input:checked + .slider::before {
    background: #1F1F1F;
}

html.theme-dark .slider {
    background: #444444;
}

html.theme-dark .slider::before {
    background: #FAFAFA;
}

html.theme-dark #authGate .container,
html.theme-dark #authGate .form-container form {
    background-color: #1a1a1a;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.45);
}

html.theme-dark #authGate .container input {
    background: #252525;
    border-color: #444444;
    color: #FAFAFA;
}

html.theme-dark #authGate .container input::placeholder {
    color: #777777;
}

html.theme-dark #authGate .container a {
    color: #9C9C9C;
}

html.theme-dark #authGate .container button {
    background-color: #FAFAFA;
    color: #1F1F1F;
}

html.theme-dark #authGate .container button.hidden {
    background-color: transparent;
    border-color: #FAFAFA;
    color: #FAFAFA;
}

html.theme-dark .toggle {
    background-color: #FAFAFA;
    color: #1F1F1F;
}

html.theme-dark .auth-mobile-switch {
    color: #9C9C9C;
}

html.theme-dark .user-chip {
    color: #FAFAFA;
}

html.theme-dark .card-row::-webkit-scrollbar-thumb {
    background: #444444;
}

html.theme-dark .recognize-mic-btn {
    background: #1a1a1a;
    border-color: #444444;
}

html.theme-dark .recognize-mic-btn:hover {
    border-color: #FAFAFA;
}

html.theme-dark .recognize-mic-btn.recording {
    background: #2a1a1a;
    border-color: #F52929;
}

html.theme-dark .recognize-timer,
html.theme-dark .recognize-result-title {
    color: #FAFAFA;
}

html.theme-dark .recognize-hint,
html.theme-dark .recognize-result-artist,
html.theme-dark .recognize-result-score {
    color: #9C9C9C;
}

html.theme-dark .recognize-result-card {
    background: #1a1a1a;
    border-color: #333333;
}

html.theme-dark .recognize-result-card:hover {
    background: #252525;
}

html.theme-dark .recognize-result-cover {
    background: #252525;
}