☰

vPlus

让 v2ex 跟随系统的深色/浅色模式

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

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

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name         vPlus
// @namespace    https://greasyfork.org/en/users/190451-leo-aee
// @version      0.1.4
// @description  让 v2ex 跟随系统的深色/浅色模式
// @author       Leoaee
// @icon         https://cdn.jsdelivr.net/gh/mopig/oss@master/uPic/202005/v_logo.png
// @include      https://*.v2ex.com/*
// @include      https://v2ex.com/*
// @match        <$URL$>
// @grant        none
// @license      LGPLv3
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    function detectColorScheme(){
        var ret = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
        return ret;
    }
    var curScheme = detectColorScheme()
    var curColor = document.querySelector('.light-toggle > img').alt.toLowerCase()
    if(curScheme !== curColor) {
        document.querySelector('.light-toggle').click()
    }
})();