Transparent youtube theme by Sam_Naik

/* ==UserStyle==
@name         Transparent youtube theme
@version      20250122.04.23
@namespace    https://userstyles.world/user/Sam_Naik
@description  Transparent youtube theme
@author       Sam_Naik
@license      No License
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
/* Insert code here... */
ytd-page-manager > *.ytd-page-manager,
ytd-watch,
body {
    background-color: transparent !important;
}
html {
    background: none
}

html[dark],
[dark] {
    --yt-spec-text-primary-inverse: transparent !important;
    --yt-spec-base-background: transparent !important;
    --yt-spec-static-black: transparent !important;
    --yt-spec-general-background-b: transparent !important;
}
html[dark] {
    background-color: transparent !important;
}

#container,
#chips-wrapper {
    backdrop-filter: blur(64px);
    background: rgba(0, 0, 0, 0.1)
}

/* Youtube suggestion tags bar */
ytd-feed-filter-chip-bar-renderer[fluid-width] #chips-content.ytd-feed-filter-chip-bar-renderer {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.07) 100%) ! important;
}

/* Youtube header banner */
#container.ytd-masthead {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.07) 100%) ! important;
}

.ytSearchboxComponentInputBoxDark {
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.03027083196559875) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.1) 100%) ! important;
}

/* Youtube feed chnnel name background */
#container  {
    background-color: rgba(0,0,0,0) !important;
}
}