☰

Dark Mode

Simplistic Dark Mode - Hue Invertion [With Colour Correction For Media]

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

Advertisement:

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

Advertisement:

 
// ==UserScript==
// @name         Dark Mode
// @namespace    Violentmonkey Script
// @version      1.03
// @description  Simplistic Dark Mode - Hue Invertion [With Colour Correction For Media]
// @match        https://*/*
// @grant        GM_addStyle
// @license      GNU GPLv3
// ==/UserScript==

(function () {
    'use strict';

    GM_addStyle(`

    /* Invert entire page */
    html {
        filter: invert(1) hue-rotate(180deg) !important;
        background: #111 !important;
    }

    /* Re-invert media so they appear normal */
    img,
    video,
    picture,
    svg,
    canvas {
        filter: invert(1) hue-rotate(180deg) !important;
    }

    /* Improve text readability */
    body {
        background: #111 !important;
    }

    `);
})();