一个简易版的Baidu自动深色模式
// ==UserScript==
// @name Baidu深色模式(简易版)
// @namespace http://tampermonkey.net/
// @version 1.0
// @description 一个简易版的Baidu自动深色模式
// @author tutu辣么可爱(greasyfork)/IcedWatermelonJuice(github)
// @run-at document-start
// @match *://*.baidu.com/*
// @icon https://www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg
// @grant GM_addStyle
// @license MIT
// ==/UserScript==
(function() {
'use strict';
var htmlAttr = function(k, v) {
document.querySelector("html").setAttribute(k, v);
},
site = location.host.split(".")[0].trim(),
mode = {
on: function() {
htmlAttr("theme", "dark");
},
off: function() {
htmlAttr("theme", "normal");
},
auto: function() {
var that = this,
mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'),
themeChange = function() {
mediaQuery.matches ? that.on() : that.off()
}
themeChange(); // 判断当前模式
mediaQuery.onchange = themeChange; // 监听模式变化
}
},
css = `
html[theme=dark]:not([site=unknown]),
html[theme=dark]:not([site=unknown]) img,
html[theme=dark]:not([site=unknown]) picture,
html[theme=dark]:not([site=unknown]) video,
html[theme=dark][site=www] .c-title::before,
html[theme=dark][site=www] .c-title a,
html[theme=dark][site=www] .c-icon,
html[theme=dark][site=www] input[type=submit],
html[theme=dark][site=image] input[type=submit],
html[theme=dark][site=baike] .cmn-baike-logo,
html[theme=dark][site=baike] button#search,
html[theme=dark][site=baike] .navbar-content-box,
html[theme=dark][site=baike] .add-video,
html[theme=dark][site=zhidao] .logo,
html[theme=dark][site=zhidao] button#search-btn,
html[theme=dark][site=zhidao] .item-text,
html[theme=dark][site=zhidao] .wgt-replyer-all-avatar{
filter: invert(1) hue-rotate(180deg);
}
html[theme=dark][site=zhidao] body{
background-color: white;
}
`;
// 预处理
htmlAttr("site", /^www|image|baike|zhidao$/i.test(site) ? site : "unknown");
// 加载CSS
GM_addStyle(css);
mode.auto();
})();