Neon Youtube by KronosVex

/* ==UserStyle==
@name       Neon Youtube
@version    20241009.01.24
@namespace  ?
==/UserStyle== */

@-moz-document domain("https://www.youtube.com/") {
/* Neon Red YouTube Theme */

@namespace url(http://www.w3.org/1999/xhtml);

/* General Background */
body, #page-manager {
    background-color: #0d0d0d !important;
}

/* Header */
#container #masthead-container {
    background-color: #1a1a1a !important;
    border-bottom: 2px solid #ff073a !important;
}

/* Logo */
#logo-icon {
    filter: drop-shadow(0 0 10px #ff073a);
}

/* Sidebar */
#guide-inner {
    background-color: #1a1a1a !important;
}

#guide a {
    color: #ff073a !important;
}

#guide a:hover {
    color: #ff4757 !important;
    text-shadow: 0 0 5px #ff4757;
}

/* Video Thumbnails */
ytd-rich-grid-media, ytd-video-renderer {
    background-color: #1a1a1a !important;
    border: 2px solid #ff073a !important;
    box-shadow: 0 0 10px #ff073a;
}

/* Text Colors */
#title, #meta, #video-title {
    color: #ff073a !important;
    text-shadow: 0 0 5px #ff073a;
}

#text, #description-text, #subscriber-count {
    color: #ff4757 !important;
}

/* Buttons */
yt-button-renderer, .yt-spec-button-shape-next {
    background-color: #ff073a !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px #ff073a;
}

yt-button-renderer:hover, .yt-spec-button-shape-next:hover {
    background-color: #ff4757 !important;
    box-shadow: 0 0 10px #ff4757;
}

/* Progress Bar */
#progress, .ytp-progress-bar {
    background: #ff073a !important;
}

#progress-bar, .ytp-play-progress {
    background: #ff4757 !important;
}

/* Hover Effects */
a:hover, .yt-simple-endpoint:hover {
    color: #ff073a !important;
    text-decoration: underline;
    text-shadow: 0 0 5px #ff073a;
}

/* Sidebar Icons */
#guide-icon {
    filter: drop-shadow(0 0 5px #ff073a);
}

/* Footer */
#footer {
    background-color: #1a1a1a !important;
    color: #ff073a !important;
    border-top: 2px solid #ff073a !important;
}

}