YouTube Customizer

Personnalise l'apparence de YouTube (couleurs, éléments cachés, etc.)

От 24.10.2025. Виж последната версия.

Този скрипт не може да бъде инсталиран директно. Това е библиотека за други скриптове и може да бъде използвана с мета-директива // @require https://update.greasyfork.org/scripts/553579/1683158/YouTube%20Customizer.js

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name         YouTube Customizer
// @namespace    https://greasyfork.org/users/ton-nom
// @version      1.0
// @description  Personnalise l'apparence de YouTube (couleurs, éléments cachés, etc.)
// @author       TonNom
// @match        https://www.youtube.com/*
// @icon         https://www.youtube.com/s/desktop/5a8c2c6f/img/favicon_32x32.png
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // 🎨 Thème personnalisé
    GM_addStyle(`
        body {
            background-color: #0f0f0f !important;
            color: #eee !important;
        }
        #masthead {
            background-color: #202020 !important;
        }
        a, ytd-thumbnail, ytd-video-renderer {
            border-radius: 10px !important;
        }
    `);

    // 🚫 Cacher les shorts
    function hideShorts() {
        const shorts = document.querySelectorAll('ytd-rich-section-renderer, ytd-reel-shelf-renderer');
        shorts.forEach(el => el.style.display = 'none');
    }

    // 👁️ Ajouter un bouton pour activer/désactiver le mode minimaliste
    function addMinimalButton() {
        if (document.querySelector('#minimalButton')) return;

        const btn = document.createElement('button');
        btn.id = 'minimalButton';
        btn.innerText = '🧘 Mode minimaliste';
        Object.assign(btn.style, {
            position: 'fixed',
            top: '80px',
            right: '20px',
            zIndex: '9999',
            background: '#ff0000',
            color: 'white',
            border: 'none',
            padding: '8px 12px',
            borderRadius: '8px',
            cursor: 'pointer',
        });

        let active = false;
        btn.onclick = () => {
            active = !active;
            document.querySelector('#secondary')?.style.setProperty('display', active ? 'none' : '');
            document.querySelector('#comments')?.style.setProperty('display', active ? 'none' : '');
            btn.style.background = active ? '#22bb33' : '#ff0000';
        };

        document.body.appendChild(btn);
    }

    // Exécution
    const observer = new MutationObserver(() => {
        hideShorts();
        addMinimalButton();
    });
    observer.observe(document.body, { childList: true, subtree: true });

})();