ASFYM by Brayan-724

/* ==UserStyle==
@name       music.youtube.com
@version    20240916.06.59
@namespace  ?
==/UserStyle== */

@-moz-document domain("music.youtube.com") {
:root[dark] {
    --ytmusic-general-background-c: var(--apika-bg);
    --yt-spec-menu-background: var(--apika-bg);
    --ytmusic-player-bar-background: var(--apika-bg);
    
    --apika-bg: #16151d;
    --apika-border: #ac8ca5;
    --apika-fg: #abb2bf;
}

ytmusic-player-page {
    --ytmusic-player-page-vertical-padding: 0;
}

ytmusic-app-layout[is-bauhaus-sidenav-enabled] {
    #mini-guide-background.ytmusic-app-layout {
        border: none;
    }
    
    #nav-bar-background.ytmusic-app-layout {
        border: none;
    }
}

#divider {
    opacity: 0;
}

ytmusic-guide-entry-renderer[active] tp-yt-paper-item.ytmusic-guide-entry-renderer {
    background: transparent;
    
    .yt-icon {
        fill: var(--apika-border);
    }
    
    yt-formatted-string {
        color: var(--apika-border);
    }
}

ytmusic-player[is-mweb-player-page-modernization-enabled]:not([video-mode]) {
    border-radius: 25px;
    border: 5px solid var(--apika-border);
}

#player-bar-background, #progressContainer.tp-yt-paper-progress, #secondaryProgress.tp-yt-paper-progress {
    background: var(--apika-bg) !important;
}

#primaryProgress.tp-yt-paper-progress, .slider-knob-inner.tp-yt-paper-slider {
    background: var(--apika-border);
    border-color: var(--apika-border);
}

.top-row-buttons.ytmusic-player, .song-media-controls.ytmusic-player, ytd-compact-link-renderer.style-scope:nth-child(6), ytd-compact-link-renderer.style-scope:nth-child(5), ytd-compact-link-renderer.style-scope:nth-child(4), yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(2) {
    display: none !important;
}

tp-yt-paper-tabs.ytmusic-player-page {
    border-bottom: 5px solid transparent;
    
    .selection-bar {
        border-bottom: 1px solid var(--apika-border);
    }
}

ytmusic-player-queue-item {
    border-bottom: 2px solid transparent;
}

ytd-multi-page-menu-renderer {
    border: 5px solid var(--apika-border);
}

ytd-active-account-header-renderer, #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child) {
    border-bottom: none;
}
}