护眼模式

简单有效的全网通用护眼模式(夜间模式、暗黑模式、深色模式)

< Commentaires sur 护眼模式

Avis: Bon - le script fonctionne correctement

§
Posté le: 21/07/2021

黑暗模式下 斗鱼 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字体渲染的问题应该不太好解决吧 希望能把全屏视频会反色的问题解决了

X.I.UAuteur
§
Posté le: 22/07/2021
Édité le: 22/07/2021

document-start 是为了尽快运行,end 的话就太晚了,会明显感觉到护眼滤镜突然生效。

X.I.UAuteur
§
Posté le: 22/07/2021
Édité le: 22/07/2021

我看了下,全屏视频反色问题,只能一对一写规则,每个视频网站都要单独写规则,而且也不一定能写出来(这取决于 class 特征)。

这个模式问题太多(比如无法对 background-image 图片/颜色适用滤镜使其显示正常),所以我平时用的都是模式 2 。

Poster une réponse

Connectez-vous pour poster une réponse.