简单有效的全网通用护眼模式(夜间模式、暗黑模式、深色模式)
< Commentaires sur 护眼模式
黑暗模式下 斗鱼 B站全屏时候视频会反色 f12 看一下是后面那段生效了 前面一段没生效 html {filter: invert(100%) !important;} img, video {filter: invert(1) !important;}我这边提供一个亮度的算法 var colorArr=document.defaultView.getComputedStyle(document.body).backgroundColor.match(/(\d(\.\d+)?)+/g); var brightness = (colorArr[0]* 299+colorArr[1] * 587+colorArr[2] * 114)/ 255000.0; if(brightness>0.8) ......在脚本头加入// @run-at document-end 可以省很多定时器的代码...反色模式下 字体好模糊 这个属于otf字体渲染的问题应该不太好解决吧 希望能把全屏视频会反色的问题解决了
document-start 是为了尽快运行,end 的话就太晚了,会明显感觉到护眼滤镜突然生效。
我看了下,全屏视频反色问题,只能一对一写规则,每个视频网站都要单独写规则,而且也不一定能写出来(这取决于 class 特征)。
这个模式问题太多(比如无法对 background-image 图片/颜色适用滤镜使其显示正常),所以我平时用的都是模式 2 。
Connectez-vous pour poster une réponse.
黑暗模式下 斗鱼 B站全屏时候视频会反色 f12 看一下是后面那段生效了 前面一段没生效 html {filter: invert(100%) !important;} img, video {filter: invert(1) !important;}
我这边提供一个亮度的算法
var colorArr=document.defaultView.getComputedStyle(document.body).backgroundColor.match(/(\d(\.\d+)?)+/g);
var brightness = (colorArr[0]* 299+colorArr[1] * 587+colorArr[2] * 114)/ 255000.0;
if(brightness>0.8) ......
在脚本头加入// @run-at document-end 可以省很多定时器的代码...
反色模式下 字体好模糊 这个属于otf字体渲染的问题应该不太好解决吧 希望能把全屏视频会反色的问题解决了