The Arcana YouTube by toastiEm

/* ==UserStyle==
@name         The Arcana YouTube
@version      20250225.14.32
@namespace    https://userstyles.world/user/toastiEm
@description  the arcana background youtube
@author       toastiEm
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
/* Background Image */
    html,
    body,
    body > div,
    body > table,
    [role="navigation"],
    [role="dialog"],
    #body-container > div,
    [aria-expanded="true"]:not(.ytp-button),
    [class*="tooltip"]:not(.ytp-tooltip-duration):not(.ytp-tooltip-bg):not(.ytp-tooltip-text-wrapper):not([class*="arrow"]):not(button),
    [role="menu"],
    .ytp-popup,
    .videoAdUiPreSkipButton,
    .videoAdUiAdInfoPopup {
        background: url("https://i.imgur.com/kmYE0RO.png") fixed #000 !important; /* Changed background image */
        background-size: cover !important;
    }

    /* Search Bar */
    #search-form,
    #search {
        border: 1px solid #E6E6FA !important; /* Light purple border */
        background-color: rgba(255, 255, 255, 0.1) !important; /* Transparent background */
        color: #E6E6FA !important; /* Light purple text */
    }

    /* Text Styling */
    :not(textarea):not(input):not([contenteditable]) {
        text-shadow: 0 0.05em rgba(0, 0, 0, 0.5), 0 -0.05em rgba(0, 0, 0, 0.5),
        0.05em 0 rgba(0, 0, 0, 0.5), -0.05em 0 rgba(0, 0, 0, 0.5) !important;
    }

    :not([class*="video-extras-sparkbar"]):not([class^="ytp-"]):not(.sidebar):not(.video-time):not([class^="html5-"]):not(.yt-uix-button-primary):not(label):not(.toggle):not(.branding-context-container-inner):not(.iv-drawer) {
        background-color: transparent !important;
        color: #E6E6FA !important; /* Light purple text */
    }

    /* Video Progress Bar */
    .ytp-progress-bar,
    .ytp-play-progress {
        background-color: #DDA0DD !important; /* Light purple for progress bar */
    }

    /* YouTube Logo */
    #logo-icon-container svg path {
        fill: #E6E6FA !important; /* Light purple for YouTube logo */
    }

    /* Remove Certain Elements */
    [role="alert"],
    .content-region,
    .yt-uix-checkbox-on-off .checked:before {
        display: none !important;
    }

    /* Link Colors */
    a {
        color: #E6E6FA !important; /* Light purple links */
    }

    a:visited {
        color: #DDA0DD !important; /* Light purple for visited links */
    }

    /* Select Dropdowns */
    select {
        background: black !important;
    }

    /* UI Icon Tweaks */
    .ytp-play-button,
    .ytp-volume-panel,
    .ytp-chrome-bottom,
    .ytp-settings-button,
    .ytp-fullscreen-button {
        filter: none !important;
    }

    /* Fix Buttons */
    textarea,
    [contenteditable="true"],
    [type="text"]:not(#masthead-search-term),
    [role="menu"]:not(.guide-user-links):not(.ytp-panel-menu),
    #footer-container .yt-uix-button-default,
    .yt-uix-clickcard-card-visible,
    #watch-appbar-playlist,
    .comment-simplebox-frame,
    body > table {
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5) !important;
    }

    /* Remove Unnecessary Borders */
    :not(h2):not(button):not(.comment-simplebox-renderer-collapsed-content),
    #footer-container button,
    .yt-uix-button-shelf-slider-pager {
        border: none !important;
    }
}