Greasy Fork is available in English.

Custom Image for Youtube Background

Replace the old boring flat background with whatever picture you like

// ==UserScript==
// @name         Custom Image for Youtube Background
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Replace the old boring flat background with whatever picture you like
// @author       Hoover
// @match        *://*.youtube.com/*
// @grant        none
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    // Fill the array up with URLs to pictures
    const bgSources = [
        "https://i.kym-cdn.com/photos/images/original/000/581/296/c09.jpg",
        "https://i.kym-cdn.com/photos/images/original/000/581/296/c09.jpg"
    ]

    function getRandomImageUrl(images) {
        const randomIndex = Math.floor(Math.random() * images.length);
        return images[randomIndex];
    }

    // Select only one image from the array
    let bgImage = getRandomImageUrl(bgSources);

    let css = `
        background-image: url(${bgImage});
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    `;

    // Find the first #content div and apply the style
    const firstContentDiv = document.querySelector("#content");
    if (firstContentDiv) {
        firstContentDiv.style.cssText += css;
    }

    let css2 = `
    #guide,#chips-wrapper{
        opacity: 0.9;
    }
    #cinematics-container{
        display: none;
    }
    `;
    if (typeof GM_addStyle !== "undefined") {
        GM_addStyle(css2);
    } else {
        let styleNode = document.createElement("style");
        styleNode.appendChild(document.createTextNode(css2));
        (document.querySelector("head") || document.documentElement).appendChild(styleNode);
    }
})();