Greasy Fork is available in English.

YouTube Sensible Mode

Removes the stupid "Youtube Big Mode" update.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         YouTube Sensible Mode
// @description  Removes the stupid "Youtube Big Mode" update.
// @author       Vivian
// @copyright    2025, Chrysalyx (Vivian)
// @namespace    http://tampermonkey.net/
// @license      GPL-3.0-only; http://www.gnu.org/licenses/gpl-3.0.txt
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @homepageURL  https://codeberg.org/Chrysalyx/YouTube-Sensible-Mode
// @supportURL   mailto:[email protected]
// @version      0.1.2
// @match        *://*.youtube.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Removes the class from all elements on the page that have it.
    function deleteBigMode() {
        const cringemode = document.querySelectorAll('.ytp-big-mode');
        cringemode.forEach(el => {
            el.classList.remove('ytp-big-mode');
            console.log('Removed .ytp-big-mode class from element.');
        });
    }

    // Uses a MutationObserver to watch for changes to the entire DOM.
    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            if (mutation.type === 'childList' || (mutation.type === 'attributes' && mutation.attributeName === 'class')) {
                deleteBigMode();
            }
        });
    });

    observer.observe(document.body, {
        childList: true, // Watch for added/removed nodes
        subtree: true, // Watch all descendants
        attributes: true // Watch for attribute changes
    });

    deleteBigMode();

})();