Dark Mode Toggle (Shortcut Only)

Dark Mode Toggle

Adds a dark mode toggle to any website with persistence
当前为 2025-01-02 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Dark Mode Toggle
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Adds a dark mode toggle to any website with persistence
// @author       Drewby123
// @match        *://*/*
// @license      MIT
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Create a style element for dark mode
    const darkModeStyle = document.createElement('style');
    darkModeStyle.id = 'dark-mode-style';
    darkModeStyle.textContent = `
        html {
            filter: invert(1) hue-rotate(180deg);
            background: #111 !important;
        }
        img, video {
            filter: invert(1) hue-rotate(180deg) !important;
        }
    `;

    // Create a toggle button
    const toggleButton = document.createElement('button');
    toggleButton.textContent = '🌓 Dark Mode';
    toggleButton.style.position = 'fixed';
    toggleButton.style.bottom = '10px';
    toggleButton.style.right = '10px';
    toggleButton.style.zIndex = '10000';
    toggleButton.style.padding = '10px 20px';
    toggleButton.style.border = 'none';
    toggleButton.style.borderRadius = '5px';
    toggleButton.style.backgroundColor = '#333';
    toggleButton.style.color = '#fff';
    toggleButton.style.cursor = 'pointer';
    toggleButton.style.boxShadow = '0 2px 5px rgba(0, 0, 0, 0.3)';

    // Attach the button to the document
    document.body.appendChild(toggleButton);

    // Load dark mode state from localStorage
    let darkModeEnabled = localStorage.getItem('darkModeEnabled') === 'true';
    if (darkModeEnabled) {
        document.head.appendChild(darkModeStyle);
    }

    // Toggle functionality
    const toggleDarkMode = () => {
        darkModeEnabled = !darkModeEnabled;
        if (darkModeEnabled) {
            document.head.appendChild(darkModeStyle);
        } else {
            if (document.getElementById('dark-mode-style')) {
                document.getElementById('dark-mode-style').remove();
            }
        }
        localStorage.setItem('darkModeEnabled', darkModeEnabled);
    };

    toggleButton.addEventListener('click', toggleDarkMode);

    // Add keyboard shortcut (Ctrl+Shift+D)
    document.addEventListener('keydown', (event) => {
        if (event.altKey && event.key === 'n') {
            toggleDarkMode();
        }
    });
})();
欢迎访问Greasy Fork镜像
