☰

Dark Mode

Auto Dark Mode

2024-04-11 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.

// ==UserScript==
// @name         Dark Mode
// @description  Auto Dark Mode
// @version      0.1
// @author       Anc
// @match        *://*/*
// @exclude 		*://*localhost*
// @exclude 		*://*127.0.0.1*
// @exclude 		*://*sspai.*
// @exclude 		*://*github.*
// @exclude 		*://*v2ex.com/*
// @exclude 		*://*appinn.*
// @exclude 		*://*twitter.*
// @exclude 		*://*192.168.*
// @exclude 		*://*gcores.*
// @exclude 		*://*ithome.com/*
// @exclude 		*://*reddit.com/*
// @exclude 		*://*mp.weixin.qq.com/*
// @exclude 		*://wifi.airchina.com/*
// @exclude 		*://rebang.today/*
// @exclude 		*://m.hupu.com/*
// @exclude 		*://m.douyin.com/*
// @exclude 		*://ddys.tv/*
// @exclude 		*://www.mvcat.com/*
// @exclude 		*://pan.quark.cn/*
// @exclude 		*://ddys.*
// @exclude 		*://*ecosia.org/*
// @exclude 		*://vr.akan.com.cn/h5/app/*
// @exclude 		*://*steamcommunity.com/*
// @exclude 		*://www.greenmangaming.com/*
// @exclude 		*://chat.openai.com/*
// @exclude 		*://learn.microsoft.com/*
// @exclude 		*://app.gamersky.com/*
// @exclude 		*://*.epicgames.com/*
// @exclude 		*://paipai.m.jd.com/*
// @exclude 		*://*bing.com/*
// @run-at			 document.start
// @grant        GM.addStyle
// @noframes
// @namespace https://greasyfork.org/users/61607
// ==/UserScript==

(function() {
    'use strict';
	let meta = document.createElement('meta');
    meta.name = "theme-color";
    meta.content = "#000";
    meta.media = "(prefers-color-scheme: dark)";
    document.head.append(meta);

    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        var button = document.createElement('button');
        button.textContent = 'White';

        button.style.position = 'fixed';
        button.style.top = '10px';
        button.style.right = '10px';
        button.style.padding = '10px';
        button.style.backgroundColor = '#007bff';
        button.style.color = '#ffffff';
        button.style.border = 'none';
        button.style.borderRadius = '5px';
        button.style.cursor = 'pointer';
        button.style.zIndex = '999';

        document.body.appendChild(button);

        button.addEventListener('click', function() {
            var elements = document.getElementsByTagName('*');

            for (var i = 0; i < elements.length; i++) {
                elements[i].style.filter = 'unset';
            }
        });
    }

    GM.addStyle(`
    @media (prefers-color-scheme: dark) {
    :root {
            filter: invert(1) hue-rotate(180deg);
        }
	figure,img,video,iframe,div[style*=image]{
            filter: invert(1) hue-rotate(180deg);
            opacity:1;
        }

    figure img {
            filter: unset;
        }
    }
    `)
})();