Purple.YoutubeThemes by bulochins

/* ==UserStyle==
@name           Purple.YoutubeThemes
@namespace      USO Archive
@author         Soy UnFantasma
@description    `A purple youtube theme.Activate Dark mode for use.@Josue_Bustillos`
@version        20211130.2.48
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/") {
    .skeleton-bg-color {
        background-color: #0a0a0a !important;
        border-color: #6b3fa0 !important;
        border-bottom: 1px solid #6b3fa0 !important;
    }
    .watch-skeleton .skeleton-light-border-bottom {
        border-bottom: 1px solid #79388E !important;
    }
    .masthead-skeleton-icon {
        background-color: #6b3fa0;
    }
    #masthead {
        background-color: #8400A8 !important;
    }

    path[fill="#FF0000"] {
        fill: #C100FF !important;
    }

    div.style-scope.ytd-masthead {
        background-color: #660072 !important;
    }

    #guide-inner-content {
        background-color: #660072 !important;
    }

    ytd-mini-guide-renderer.style-scope.ytd-app {
        background-color: #660072 !important;
    }

    a.yt-simple-endpoint.style-scope.ytd-mini-guide-entry-renderer {
        background-color: #660072 !important;
    }

    iron-selector.style-scope.ytd-feed-filter-chip-bar-renderer {
        background-color: #390150 !important;
    }

    html:not(.style-scope)[dark],
    :not(.style-scope)[dark] {
        --yt-spec-brand-background-primary: rgba(57, 1, 80, 0.98) !important;
        --ytd-searchbox-legacy-border-color: hsl(294, 100%, 22%) !important;
        --ytd-searchbox-legacy-button-border-color: hsl(294, 100%, 22%) !important;
    }

    .ytd-guide-renderer {
        background-color: #8400A8 !important;
    }
    .guide-links-primary {
        background-color: #8400A8 !important;
    }
    .ytd-popup-container {
        background-color: #8400A8 !important;
    }
    .ytd-multi-page-menu-renderer {
        background-color: #4E1B5E !important;
    }
    .yt-multi-page-menu-section-renderer {
        background-color: #8400A8 !important;
    }
    #guide-content {
        background-color: #8400A8 !important
    }
    .style-scope.ytd-watch {
        background-color: #4E1B5E !important;
    }
    .hide-skeleton {
        background-color: #4E1B5E !important;
    }
    .ytd-page-manager {
        background-color: #4E1B5E !important;
    }
    .ytd-browse {
        background-color: #4E1B5E !important;
    }
    .ytd-playlist-panel-renderer {
        background-color: #8400A8 !important;
    }
    .ytd-searchbox {
        background-color: #4E1B5E !important;
    }
    #channel-header {
        background-color: #8400A8 !important;
    }
    #tabs-inner-container {
        background-color: #8400A8 !important;
    }
    .yt-notification-action-renderer {
        background-color: #8400A8 !important;
    }
    .ytd-backstage-post-renderer {
        background-color: #4E1B5E !important;
    }
    #columns {
        background-color: #4E1B5E !important;
    }
    .ytd-two-column-browse-results-renderer {
        background-color: #4E1B5E !important;
    }
    .ytd-topic-channel-details-renderer,
    #channel-details,
    .ytd-rich-metadata-renderer {
        background-color: #460060 !important;
    }


    /*Player*/
    #movie_player {
        background-color: #4E1B5E !important;
    }

    /*Chat*/
    .yt-live-chat-renderer {
        background-color: #8400A8 !important;
    }
    .yt-live-chat-item-list-renderer {
        background-color: #4E1B5E !important;
    }
    .ytd-toggle-button-renderer {
        background-color: #4E1B5E !important;
    }
    .ytd-live-chat-frame {
        background-color: #8400A8 !important;
    }
    .yt-dropdown-menu {
        background-color: #8400A8 !important;
    }
    .settings-card {
        background-color: #4E1B5E !important;
    }
    .panel-close-button {
        background-color: #8400A8 !important;
    }

    /*ScrollBar*/
    ::-webkit-scrollbar,
    ::-webkit-scrollbar-corner,
    ::-webkit-scrollbar-track-piece {
        background: #79388E !important;
    }

    ::-webkit-scrollbar {
        width: 6px !important;
        height: 6px !important;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 0px !important;
        box-shadow: inset 0 0 0px #9C6DAC;
        border: 0px solid #9C6DAC !important;
    }

    ::-webkit-scrollbar-thumb:horizontal {
        background: linear-gradient(to right, #9C6DAC, #9C6DAC, #9C6DAC, #9C6DAC);
    }
    ::-webkit-scrollbar-thumb:vertical {
        background: linear-gradient(#9C6DAC, #9C6DAC, #9C6DAC, #9C6DAC);
    }


    body {
        font-family: 'Open Sans', sans-serif !important;
    }

    /*Sidebar icons*/
    ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
        fill: #C900FF !important;
    }

    .ytp-play-progress,
    .ytp-scrubber-button.ytp-swatch-background-color,
    #notification-count,
    #subscribe-button > ytd-subscribe-button-renderer > paper-button,
    paper-button.ytd-subscribe-button-renderer,
    .style-scope.ytd-thumbnail-overlay-resume-playback-renderer,
    .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox,
    paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button,
    #progress {
        background-color: #C900FF !important;
    }

    /*Live Now badge, Player settings quality text */
    .badge-style-type-live-now.style-scope.ytd-badge-supported-renderer,
    .ytp-swatch-color {
        color: #C900FF !important;
        border-color: #C900FF;
    }
    /*Sub-button text*/
    paper-button.ytd-subscribe-button-renderer {
        color: #F6DAFF !important;
    }
    /*Player quality badges [OLD]*/
    .ytp-red2 .ytp-settings-button.ytp-hd-quality-badge:after,
    .ytp-red2 .ytp-settings-button.ytp-4k-quality-badge:after,
    .ytp-red2 .ytp-settings-button.ytp-5k-quality-badge:after,
    .ytp-red2 .ytp-settings-button.ytp-8k-quality-badge:after,
    .ytp-red2 .ytp-settings-button.ytp-3d-badge:after {
        background-color: #C900FF !important;
    }
    /*Player quality badges*/
    .ytp-settings-button.ytp-hd-quality-badge:after,
    .ytp-settings-button.ytp-4k-quality-badge:after,
    .ytp-settings-button.ytp-5k-quality-badge:after,
    .ytp-settings-button.ytp-8k-quality-badge:after {
        background-color: #C900FF !important;
    }
    /*Volume slider*/
    .ytp-volume-slider-handle:before,
    .ytp-volume-slider-handle {
        background-color: #C900FF !important;
    }
    .ytp-volume-slider-handle:after {
        background-color: #8F9091 !important;
        z-index: -1;
    }
    /*Youtube Logo*/
    #logo-icon-container > svg > g > g:nth-child(1) > path {
        fill: #C900FF !important;
    }
}