YouTube Dark Mode Toggle

Adds a toggle button to switch YouTube between dark and light text mode

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         YouTube Dark Mode Toggle
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description Adds a toggle button to switch YouTube between dark and light text mode
n // @author       You
// @match        https://www.youtube.com/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // Create toggle button
    const toggle = document.createElement('button');
    toggle.innerText = 'Toggle Dark Mode';
    toggle.style.position = 'fixed';
    toggle.style.bottom = '10px'; // bottom-left corner
    toggle.style.left = '10px';
    toggle.style.zIndex = '9999';
    toggle.style.padding = '10px';
    toggle.style.backgroundColor = '#000';
    toggle.style.color = '#fff';
    toggle.style.border = 'none';
    toggle.style.borderRadius = '5px';
    toggle.style.cursor = 'pointer';
    document.body.appendChild(toggle);

    let darkMode = false;

    toggle.addEventListener('click', () => {
        darkMode = !darkMode;

        if (darkMode) {
            document.body.style.backgroundColor = '#111';
            document.body.style.color = '#fff';
            document.querySelectorAll('*').forEach(el => {
                if (el.tagName !== 'SCRIPT' && el.tagName !== 'STYLE') {
                    el.style.color = '#fff';
                }
            });
        } else {
            document.body.style.backgroundColor = '#fff';
            document.body.style.color = '#000';
            document.querySelectorAll('*').forEach(el => {
                if (el.tagName !== 'SCRIPT' && el.tagName !== 'STYLE') {
                    el.style.color = '#000';
                }
            });
        }
    });
})();